Status is a cutting-edge mobile application designed to enable users to accomplish their financial objectives in collaboration with their peers. The application is complemented by various benefits such as expert coaching and numerous other features.
Challenge
Status was an innovative application in its developmental phase, possessing preliminary wireframes and layouts, yet requiring a comprehensive array of user interface (UI) elements, as well as an introductory animation. During this project, I collaborated with the founders, developers, UX designers, and researchers, assuming the responsibility of developing the application’s visual identity, which included the look and feel, a complete set of icons, an opening dynamic screen, and various UI elements, such as spinners and status animations
Audience
The app’s intended demographic can be characterized by the following attributes:
- Non-gender specific
- Aged between 25-55 years
- Possessing limited to average financial knowledge
- Displaying sociable tendencies
Icons
The app required two types of icons::
Navigational
- Should look good on a dark background
- Must be easy to understand
- Must be easy to tell apart from one another
Informational
- Must work on any background
- Shouldn’t distract from the data they represent
- Must be easily readable in different sizes
After taking into account the given requirements, I decided to use glyph-style icons for navigation, as they are easily identifiable due to their distinct shapes. For informational icons, I opted for an outline style, which is more versatile and does not draw as much attention as glyph icons.
Once I had selected the appropriate styles, I began brainstorming ideas for the icons and presented them to the client for evaluation. The client then tested them using focus groups.
Animated elements
Certain operations, such as data retrieval or transactions, can take time to complete. To provide clear feedback to users during these processes, I designed three animated UI elements that indicate the status of the operation and align with the brand’s visual identity. These elements can be adapted to various components and screens, ensuring a consistent user experience.
To fulfill these requirements, I developed three animated UI elements.
Introductory multi-screen animation
The first and foremost feature required for the app was an introductory screen that would be presented to first-time users.
The aim was to develop a carousel comprising four animated screens that would seamlessly flow into one another, offering a smooth and uninterrupted experience to guide users to the sign-up screen. The four steps included were:
- Compare Your Finances
- Find Opportunities
- Securely and Privately
- Sign up
With no specific design guidelines, I began by sketching out some initial concepts to explore different visual approaches.
The App
Happy to say the Status app has been successfully launched, and I am proud to have been a part of the team that contributed to its development.
