Overview
​
-
​Who we are
-
Problem space and our solution
-
Our Design system
-
Tone of voice​
-
Components
-
Components site map
-
-
Page layout
-
Project Context
​
-
5 months project
-
3 Product designers
-
We designed a product and its design system that tackles challenges within the wedding industry.
WHO WE ARE
​
At Acme, we're all about teamwork, we've built a culture where every team member feels valued and empowered to move innovation forward.
Our Culture
-
​​​Collaboration
-
Innovation
-
Open communication
-
Ambitious yet practical
-
Data-driven
Our Value
-
Growth
-
Curiosity
-
Creativity
-
Simplicity
PROBLEM​
​
The key challenges that we've found during the journey mapping phase include communicating the couple's vision to vendors and forward destination weddings, this could be difficult without in-person meetings.
OUR SOLUTION
​
To address these challenges, we propose leveraging AI to generate personalized styles and vendor recommendations. Additionally, we aim to create an in-app chat feature and incorporate AR and VR technology to help couples better visualize their ideas.
IDEATION
​
​
We began with an ideation session, using rough sketches and sticky notes to explore ideas and quickly map out a feasible user flow.
​
This process allows us to devlier the most value to users while creating a realistic design within the project scope.
​
GET TO THE DESIGN SYSTEM: LO-FI WIREFLOW AND SCREEN CATALOG
​
​
After defining the content and features for each screen, we created a screen catalog to identify recurring components so that we can transform them into reusable ones.
DESIGN SYSTEM: FOUNDATION​​
​
Our design system begins with a strong foundation, built around a tone of voice that conveys calmness and trust.
This approach allows wedding vendors to share their brand identities, without interference from our system.
​
DESIGN SYSTEM: COMPONENTS AND ITS SITEMAP​
The component libraries outline the various states and variants of our components, such as filled and outline buttons. They also include guidelines on how the components function and the ideal ways to set them up.
We also worked on a component sitemap designed to help our team quickly identify which components are used on each screen.​
​
DESIGN SYSTEM: PAGE LAYOUT​
We have a library of page layouts that includes guidelines on sizing, how the pages function, and the focus order for elements.
WHAT'S NEXT?​
​
Minimum Viable Product
In our future, we plan to build MVP 1 and MVP 2 components listed in the slides.
MVP 1 is focused on the Amara Pro app development and it is for vendors who upload their services and information about their business. MVP 2 is focused on the Amara app development and it is for customers who generate the wedding plan.
The MVP components were prioritized based on user needs and feasibility (to ensure we deliver the most valuable features in phases.)
While the engineering teams focus on building components for MVP 1 and 2, our design teams will collaborate with other engineering teams and developers to explore VR/AR capabilities for MVP 3. We plan to enable customers to explore venues using a VR headset.
