Here is my rendition of the user interface for messaging app Hey Chat. I have included the following:
– Sign Up Page Mockup
– Dashboard Page Mockup
– Hey Chat Style Guide
– Photorealistic Mockup
With Hey Chat not having complete brand guidelines yet, this gave me the creative freedom to envisage how the Hey Chat user interface, and brand, would look. In terms of both designs, I have strived for a mostly rounded aesthetic. This is evidenced by rounded shapes, which surround the likes of the user's recent chats, as well as other components of the app. Making the interface predominantly rounded conforms to the logo of Hey Chat, which is characterised by its rounded corners. Overall, this gives the app's interface a feel of uniformity and consistency, which could not be achieved with square corners.
Focusing on my first design, the sign up page, this features common elements such as a logo, a slogan, benefits of the app, and inevitably a sign up button. In terms of colours, I have mostly adhered to the colour scheme of the Hey Chat logo, whilst featuring some external colours that complement the logo. I have also reiterated the unique selling point of the app, by making sure one of Hey Chat's benefits, which can be swiped, was the social groups a user can connect to. The sign up page can be the difference between a user who joins, and a user who does not. Therefore, it was crucial to reaffirm the USP.
Moving on to Hey Chat's dashboard, this features the user's recent chats, trending social groups, as well as gateways to their profile and a side menu. Regarding its aesthetics, my idea was to have a minimalistic interface. This was achieved by primarily using a grey background, with an opaque Hey Chat logo, and white partitions. I strongly considered padding during the design process, so I ensured that each section had equal spacing. This culminated in a dashboard interface that is modern, minimalistic, and legible. A priority of mine when designing is readability, and I believe I achieved that with this interface.