Embedded Files
Context
I worked independently and collaborated with the co-founder of Stamps on this project.
To Redesign the Stamps app User Interface and design a new On-boarding user flow.
The goal is to improve the user experience of the Stamps App for its existing users, while considering the future users of the app.
And to increase user retention and interactions on the app.
The app currently has two kinds of users:
The one who shares their updates and writes their journey on the app (the Writer).
The user who follows the updates and writings of a loved one on the app (the Follower).
Guiding Principles
Here are the guiding principles I considered while designing the new User interface for the app and the on-boarding screens
Design Process
Redesigned UI of Stamps App
Here are the screens I designed in the Stamps mobile app with Figma design tool.
To interact with the prototype, click on the Prototype link, below the "on-boarding" section.
Home Screen
I added a touch of "personality" and a friendly tone to the Home screen. Anytime a user (new/existing) opens the app and views their home screen.
I also included a "Search" functionality for users who are "followers" to be able to find content from their loved ones easily.
I also changed the "Overview" to "Home" on the Navigation Bar.
New User
Existing User
Profile Screens
I changed the existing green buttons to orange. To make it more intuitive and consistent for users to know when they can take an action or when interacting with a button.
Added Icons and a few other key elements.
Reduced some asset sizes - E.g. Cards, and Buttons.
Placed viewed updates in categories, based on the time the "follower" user viewed these updates. This will enable ease of navigation and act as a filter for the user.
User (Writer)
User (Follower)
Viewing Writer's Profile
I added a button to the writer's profile when a follower is viewing the writer's profile.
The button is tagged the "check-in" button. To notify the writer of the number of loved ones who came on the app - read their updates and want to know how they are faring. This data is then displayed on the writer's home screen.
Streak Screens
I designed a streak user flow. The goal is to enable the "writer" user, to set up a writing goal and nudge them towards a more consistent writing journey.
This is currently one of the concerns on the Stamps app.
New Onboarding User Flow
ON-BOARDING SCREENS
The user interacts with these screens upon their first login into the Stamps app.
Ensuring users have fewer decisions to make per screen. And can navigate through the screens easily and quickly.
New Navigation Bar
I designed a new navigation bar with simple and familiar icons. I also introduced a transition that notifies and nudges a new user to click on their profile icon to complete their profile details if any of this is still missing.
I also used a notification icon that can indicate to the user when there is a new notification. Whereby the circle on the bell icon transitions to red to indicate this.
Before
After
A Gallery Feature
Towards the end of this project, I suggested a "Gallery screen" for the user to be able to view the images they have uploaded. Using the period of upload, as a form of filter for the user to easily scan through their archive.
The mock-up I designed for this can be seen, below. Including the "proposed" home screen that has the "Gallery" tab included in the Navigation Bar.
What I would have done differently
What I would have done differently
If I had the opportunity or liberty to change some things. These are some of the things I would have done to improve the design output, of this project:
Select a new color palette for the UI design of the app. The current color scheme lacks accessibility for a wide range of users. As indicated by a test conducted using WebAim.
Conduct a user test with the existing Stamps App users and redesign based on the insights gathered.
Create a new UI design for the app screens and conduct usability testing to ensure effectiveness.
Develop a comprehensive design system for the assets and components used throughout the app. This will promote re-usability and maintain consistency and ease for future iterations.
Recommendations to the Client (Stamps)
Recommendations to the Client (Stamps)
I am open to sharing more about the recommendations given, via a video chat.
Impact of the project
Impact of the project
Improved UI and User Experience on the app.
An improved onboarding experience for new users of the Stamps mobile app.
Client
Client
Stamps
Project duration
Project duration
10 Weeks
There are More Screens
There are More Screens
I am open to discussing further on other screens I designed during this project via a video chat, where I can present it.
Page updated
Google Sites
Report abuse