Mobile messenger app design

Splash – Mobile Messenger & Communication App

Stay close, no matter the distance. Splash offers a fresh take on mobile communication, combining an intuitive design with robust features to keep loved ones connected. Experience a new level of convenience and enjoyment in every conversation.

Mobile App Design
Startups
About Project
Our Task
Design Process
Wireframes
Visual Design
Key Features
Screens

About the Project

Splash is a mobile messenger and communication app that facilitates seamless interaction with friends and family. It provides instant messaging, voice and video calls, and efficient group chat features, ensuring reliable and secure communication.

28 screens

75 hours

Mobile messenger application design

Service:

Mobile App Design

Industry:

Startups

Country:

USA

Partnership period:

2022

Our Task

The client approached us with the vision of creating an easy mobile messenger for communicating with friends and family. Our task was to translate this vision into reality by designing an app with simple and convenient functionality.

Our Solution

Our solution involved designing a mobile messaging application that prioritizes both functionality and security. The app provides real-time messaging, voice and video call capabilities, and ensures a reliable and smooth user experience.

Our Design Process

01
Research & Discovery
Initial research and discovery phase

To begin with, we embarked on a comprehensive research and discovery phase to thoroughly understand the client's vision and requirements. This involved an in-depth analysis of competitors in the messaging and communication industry, as well as a detailed audience analysis to identify user needs and preferences. Based on the insights gathered, we ensured that the final product would be well-aligned with market demands and user expectations.

02
Wireframing
UX stage

Building on our research findings, we developed detailed wireframes for each critical user journey within the application. These wireframes encompassed the entire user experience, from initial profile creation to advanced messaging functionalities. At this stage, we paid particular attention to the information architecture, ensuring intuitive navigation and seamless transitions between different communication modes.

03
UI Design
UI stage

Translating our UX wireframes into a visually appealing UI was the next crucial step. We carefully crafted user interfaces that balanced aesthetics with functionality, selecting a color palette that evoked a sense of warmth and approachability. Our team chose a font that enhanced readability across various device screens and created a set of custom icons to intuitively represent different communication functions and status indicators.

04
Logo Design
Logo design stage

While our core focus remained on UX/UI design, we extended our services to encompass logo design as per the client's request. Given the client's preference for a logo that simply displayed the app's name "Splash," we meticulously selected a font that conveyed the desired brand identity and resonated with the app's communication-centric purpose.

05
Clickable Prototype
Clickable prototype stage

To further refine the user experience and gather valuable client feedback, we developed a clickable prototype. This interactive prototype simulated the final app, allowing the client to experience the app's functionalities firsthand and provide insightful feedback. This iterative design process ensured the final product aligned seamlessly with user expectations and facilitated clear communication.

01

Research & Discovery

02

Wireframing

03

UI Design

04

Logo Design

05

Clickable Prototype

Wireframing

To lay a solid groundwork for the user interface design, we developed a comprehensive set of over 12 wireframes. These wireframes served as a detailed visual blueprint, carefully mapping out the user's journey from profile creation to seamless messaging.

Initial screen wireframe of the Splash app
Wireframe of Splash app's phone number entry screen
  Wireframe of the Splash app's interface for entering a user name
 Wireframe of Splash app's messages screen
 Wireframe of the Splash app's search functionality
 Wireframe of the Splash app's new group screen
 Wireframe of Splash app's new group creation screen
  Wireframe of Splash app's chat screen
 Wireframe of the Splash app's contact profile screen
  Wireframe of the Splash app's contacts screen
 Wireframe of the Splash app's invite friends screen
 Wireframe of Splash app's call history screen
  Wireframe of Splash app's call screen
 Wireframe of the Splash app's profile screen
 Wireframe of the Splash app's change number screen
12+ Wireframes

Visual Design

To establish a modern and engaging visual aesthetic, our design team crafted a vibrant and cohesive color palette. The selected colors create a dynamic yet professional look, complemented by the SF UI Display typography and a custom set of icons that enhance user interaction and visual appeal.

 Splash app typography
 An example of using the Splash typography
 Splash app color palette
 Splash app icons set

Key Features

01

Private Messaging

A secure messaging feature that allows users to create private dialogs and engage in one-on-one conversations with ease.

 Splash private messaging feature
02

Groups

A collaborative space where users can create, manage, and participate in multi-user discussions, video calls, and shared experiences.

  Splash groups feature
03

Audio & Video Calls

A seamless multimedia communication feature that allows users to connect face-to-face or voice-to-voice with crystal-clear quality.

 Splash contacts management feature
04

Contacts Management

A comprehensive contact management system that allows users to add new contacts, and send invites to friends to join the messenger.

 TrackEasy subscriptions management feature

Screens Overview

   UI design of Splash app's welcome screen
 UI design of Splash app's phone number entry screen
   UI design of Splash app's name creation screen
 UI design of Splash app's messages screen
 UI design of Splash app's search screen

More cases

View All

E-Booking

Learn more

E-Event

Learn more

Sliky

Learn more

Have a project in mind?

rocket-line
rocket