D2C E-commerce iOS App
Objective:
Design an MVP of an iOS app that allows users to have all the product information at their fingertips so they can
quickly make purchases and understand promotions on the fly.
Project Summary:
Design a D2C e-commerce app for Saatva customers to browse, search and purchase their favorite products.
Role: Product Designer
Duration: 4 weeks
Team: Independent
Context:
The project was for the 2021 Saatva hackathon. The digital app experience was introduced for the Q4 2022 roadmap.
The customer experience in this iOS app design was to expand upon the e-commerce site to chunk it out to more task-based steps.
Transition:
Current Mobile Homepage
iOS App Splash Screen + Home
Problem Statement:
Saatva lacks an app and accessible responsive mobile CX with an optimized UI for a proper onboarding and shopping experience.
User story:
“As a furniture shopper, I want an iOS shopping experience so that I can consider different products and make purchases on the fly.”
Developing a Strategy & Solving the Problem:
This will be achieved through three goals incorporated into this new design:
- Create a robust mobile UI to make the user touch-points more task-based
- Develop a clear and consistent navigation to eliminate any confusion
- Break down the existing content on the website to make it more comprehensive and easy-to-digest for mobile app users
Userflow Journeys:
After deciphering the user stories and how to solve their problems, I mapped out a visual userflow journeys that Saatva customers will take in order to achieve their goals.
The goals are illustrated in the userflows as follows:
The goals are illustrated in the userflows as follows:
- Having updated information on-hand about their favorite products
- Being able to create a wishlist for their favorite products
- Organized information that is easy to find for seamless buying experience
Ideation to Final Wireframes:
Modeling the UI and UX strategy after the Wayfair app, I adapted Saatva’s brand into its own customer experience using its foundational components following the iOS Human Interface Guidelines.
Branding & UI Style Guide:
After creating medium-fidelity wireframes that focus on the customer experience, the next step is to incorporate branding and UI style guides to the design to focus on the branding and visuals of the high-fidelity design.
Final Design:
Once the final polish was added to the screens, I picked apart the main features and set the stage for each of the customer touch-points.
Customer Touchpoint #1: User creates an account and verifies their credentials
Customer Touchpoint #2: User browses products of interest based on category
Customer Touchpoint #3: User looks at each product description page (PDP) and creates a wishlist
D2C E-commerce iOS App
Objective:
Design an MVP of an iOS app that allows users to have all the product information at their fingertips so they can quickly make purchases and understand promotions on the fly.
Project Summary:
Design a D2C e-commerce app for Saatva customers to browse, search and purchase their favorite products.
Role: Product Designer
Duration: 4 weeks
Team: Independent
Role: Product Designer
Duration: 4 weeks
Team: Independent
Context:
The project was for the 2021 Saatva hackathon. The digital app experience was introduced for the Q4 2022 roadmap.
The customer experience in this iOS app design was to expand upon the e-commerce site to chunk it out to more task-based steps.
The customer experience in this iOS app design was to expand upon the e-commerce site to chunk it out to more task-based steps.
Transition:
Current Mobile Homepage
iOS App Splash Screen + Home
Problem Statement:
Saatva lacks an app and accessible responsive mobile CX with an optimized UI for a proper onboarding and shopping experience.
User story:
“As a furniture shopper, I want a mobile shopping experience so that I can consider different products and purchase mattresses on the fly.”
Developing a Strategy & Solving the Problem:
This will be achieved through three goals incorporated into this new design:
- Create a robust mobile UI to make the user touch-points more task-based
- Develop a clear and consistent navigation to eliminate any confusion
- Break down the existing content on the website to make it more comprehensive and easy-to-digest for mobile app users
Userflow Journeys:
After deciphering the user stories and how to solve their problems, I mapped out visual userflow journeys that Saatva customers will take in order to achieve their goals.
The goals are illustrated in the userflows as follows:
- Having updated information on-hand about their favorite products
- Being able to create a wishlist for their favorite products
- Organized information that is easy to find for seamless buying experience
Ideation to Final Wireframes:
Modeling the UI and UX strategy after the Wayfair app, I adapted Saatva’s brand into its own customer experience using its foundational components following the iOS Human Interface Guidelines.
Branding & Style Guide:
After creating medium-fidelity wireframes that focus on the customer experience, the next step is to incorporate branding and UI style guides to the design to focus on the branding and visuals of the high-fidelity design.
Final Design:
Once the final polish was added to the screens, I picked apart the main features and set the stage for each of the customer touch-points.
Customer Touchpoint #1: User creates an account and verifies their credentials
Customer Touchpoint #2: User browses products of interest based on category
Customer Touchpoint #3: User looks at each product description page (PDP) and creates a wishlist
Objective:
Design an MVP of an iOS app that allows users to have all the product information at their fingertips so they can
quickly make purchases and understand promotions on the fly.
Project Summary:
Design a D2C e-commerce app for Saatva customers to browse, search and purchase their favorite products.
Role: Product Designer
Duration: 4 weeks
Team: Independent
Role: Product Designer
Duration: 4 weeks
Team: Independent
Context:
The project was for the 2021 Saatva hackathon. The digital app experience was introduced for the Q4 2022 roadmap.
The customer experience in this iOS app design was to expand upon the e-commerce site to chunk it out to more task-based steps.
The customer experience in this iOS app design was to expand upon the e-commerce site to chunk it out to more task-based steps.
Transition:
Current Mobile Homepage
iOS App Splash Screen + Home
Problem statement:
Saatva lacks an app and accessible responsive mobile CX with an optimized UI for a proper onboarding and shopping experience.
User story:
“As a furniture shopper, I want a mobile shopping experience so that I can consider different products and purchase mattresses on the fly.”
Developing a Strategy & Solving the Problem:
This will be achieved through three goals incorporated into this new design:
- Create a robust mobile UI to make the user touch-points more task-based
- Develop a clear and consistent navigation to eliminate any confusion
- Break down the existing content on the website to make it more comprehensive and easy-to-digest for mobile app users
Userflow Journeys:
After deciphering the user stories and how to solve their problems, I mapped out a visual userflow journeys that Saatva customers will take in order to achieve their goals.
The goals are illustrated in the userflows as follows:
- Having updated information on-hand about their favorite products
- Being able to create a wishlist for their favorite products
- Organized information that is easy to find for seamless buying experience
Ideation to Final Wireframes:
Modeling the UI and UX strategy after the Wayfair app, I adapted Saatva’s brand into its own customer experience using its foundational components following the iOS Human Interface Guidelines.
Branding & Style Guide:
After creating medium-fidelity wireframes that focus on the customer experience, the next step is to incorporate branding and UI style guides to the design to focus on the branding and visuals of the high-fidelity design.
Final Design:
Once the final polish was added to the screens, I picked apart the main features and set the stage for each of the customer touch-points.
Customer Touchpoint #1:
User creates an account and verifies their credentials
User creates an account and verifies their credentials
Customer Touchpoint #2:
User browses products of interest based on category
User browses products of interest based on category
Customer Touchpoint #3: User looks at each product description page (PDP) and creates a wishlist