Anonymous - Mobile app UI/UX Design
Overview
Overview
The app was built to help people find presentation and slide templates. The app uses AI to smart search different templates and presentations from organizational content repository.
The project came as a freelance work, where the client already had done user and market research. They already had a website but wanted a unique UI for the mobile app while keeping the design language similar.
The app was built to help people find presentation and slide templates. The app uses AI to smart search different templates and presentations from organizational content repository.
The project came as a freelance work, where the client already had done user and market research. They already had a website but wanted a unique UI for the mobile app while keeping the design language similar.
My Role
Client interview
User flow and design architecture
Design ideation
Wireframes
UI Design
My Role
Client interview
User flow and design architecture
Design ideation
Wireframes
UI Design
Constraints
Timeline of 1 week
Solo team member
Design should follow similar design language as the website
Constraints
Timeline of 1 week
Solo team member
Design should follow similar design language as the website
Problem Statement
Problem Statement
Business problem statement:
"Some of the users are busy and don't get time to make presentations. The users want to browse through different templates quickly and select a template to edit. The app should allow for easy search and filters."
Business problem statement:
"Some of the users are busy and don't get time to make presentations. The users want to browse through different templates quickly and select a template to edit. The app should allow for easy search and filters."
What I understand:
Understand the users and audience
Their behaviors
Their problems
Why do they want this app
End goal
Narrow down important features to target and make them easily accessible
Omit or add features which might be suitable for an app
Design app with similar design language to the website
Allow for an easy intuitive user journey
What I understand:
Understand the users and audience
Their behaviors
Their problems
Why do they want this app
End goal
Narrow down important features to target and make them easily accessible
Omit or add features which might be suitable for an app
Design app with similar design language to the website
Allow for an easy intuitive user journey
Process
Process
Client Interview
Client Interview
Interview Questions
The questions given below helped me identify what the client expects from me, as well as design limitations. This helped me get a clear idea of what the app is wanting to do as well as users it’s attending to.
What is the app about?
What is the timeline for the project?
What users are you targeting?
Should the app follow same design language as the website?
Do you have any design and colour preferences for this app?
Do you have user flow and information architecture for the app?
Do you need only screen design or do you also want animated prototypes?
Key Insights
The colour and font scheme should be the same as the website
Target users are people working in corporate who have very little time to prepare presentations and want a template to make them quickly
Make a designs that are intuitive and add micro animations to it
Interview Questions
The questions given below helped me identify what the client expects from me, as well as design limitations. This helped me get a clear idea of what the app is wanting to do as well as users it’s attending to.
What is the app about?
What is the timeline for the project?
What users are you targeting?
Should the app follow same design language as the website?
Do you have any design and colour preferences for this app?
Do you have user flow and information architecture for the app?
Do you need only screen design or do you also want animated prototypes?
Key Insights
The colour and font scheme should be the same as the website
Target users are people working in corporate who have very little time to prepare presentations and want a template to make them quickly
Make a designs that are intuitive and add micro animations to it
User Flow and Information Architecture
User Flow and Information Architecture
Initial Wireframes
Initial Wireframes
I started my design with basic wireframes as a starting point for my iterations & improved on small aspects with rapid prototyping.
I started my design with basic wireframes as a starting point for my iterations & improved on small aspects with rapid prototyping.
Prototypes
Prototypes
Login Screens
Register or login with Google or Facebook. The design is very simple and intuitive with merged sign in & sign up using otp.
Login Screens
Register or login with Google or Facebook. The design is very simple and intuitive with merged sign in & sign up using otp.
Get Started
Collect some crucial information like name & what will they use this app for.
Get Started
Collect some crucial information like name & what will they use this app for.
Home screen and Navigation bar
The home screen displays a few presentations, templates, etc to choose from, with search menu at the top and some important features on the navigation bar at the bottom. This allows the top to be clutter free and major features easily accessible like user profile, upload, sort by, filters, etc.
Home screen and Navigation bar
The home screen displays a few presentations, templates, etc to choose from, with search menu at the top and some important features on the navigation bar at the bottom. This allows the top to be clutter free and major features easily accessible like user profile, upload, sort by, filters, etc.
Sort by and Filters
These filters help users discover products based on personalized recommendations, popularity, recency, type, industry, and intended use. Users can easily explore items tailored to their preferences, trending choices, or specific categories and spaces.
Sort by and Filters
These filters help users discover products based on personalized recommendations, popularity, recency, type, industry, and intended use. Users can easily explore items tailored to their preferences, trending choices, or specific categories and spaces.
Search
Search option allows user to search themes or templates by their name and it also allows to filter them by presentations, templates, slides and infographics.
Search
Search option allows user to search themes or templates by their name and it also allows to filter them by presentations, templates, slides and infographics.
