Business Chat Screen | App | Web Design | SaaS | UIUX

Wireframe ⬇️

🎉 Hey, check out my latest shot! 📱 I designed a chat screen for a cool conceptual app related to business conversations. 💼

Wanna know my design process? Let me spill the beans. 🤫

1️⃣ First things first, I defined the screen's goal. It was pretty simple, really: to make it easy for users to read messages clearly, send and view different types of media, and get additional information about the person they're chatting with.

2️⃣ Next, I laid out the overall structure and column grid for the screen. I used a 12 column grid with a 24px margin on both sides and a 16px gutter. The components I needed for this screen were a Nav bar, Chat Card, Chat Window, Typing input, Message sent, About Chat, Message received, Chat Header, and more.

3️⃣ Finally, I got creative and played around with different sizes, colors, typography, and spacing to see what looked visually appealing.

.

.

.

Hope you enjoyed my process! 😄 If you did, give me a follow and like to see more of my designs. ❤️

Here's the full screen ⬇️