Bees' Knees candle store app for google UX Design Course
Project Background
Project Background
Project Background
The Bees’ Knees Candle Store wants to build an app for ordering candles online for those who may have difficulty with in-store purchases and would like to make their samples easy to order.
I need to find out if the main user experience, ordering the samples, is easily executed. I hope to complete the project by the end of May 2021.
From initial research, it was found that nearly 95% of candle buyers bought candles in-store and would not purchase a candle without first having smelled the candle’s scent. So therefore, making the goal of distributing samples with an incentive to purchase would increase customers who would order using an app or digital medium.
Problem Statement
Project Background
Project Background
The Bees’ Knees Candle Store would like to expand candle offerings to a digital app gaining a larger customer base that may be inhibited to visit the store but many viable users are not confident in purchasing without having sampled the candle scent prior to purchase.
Pain Points
Project Background
Created Personas
From the research data, three primary points emerged from the user comments. These critical findings help to focus on further developments of the candle purchase app to better serve the user's needs and wants.
Created Personas
Detailed a User Journey
Created Personas
I created personas to better understand the user, their journeys, and their needs. These personas will give a better picture of the users and keep to the forefront their pain points.
Generated a User Flow
Detailed a User Journey
Detailed a User Journey
I established a user flow through mapping actions and digital elements in the ordering process. Finding an understandable user process to make it easier to order samples.
Detailed a User Journey
Detailed a User Journey
Detailed a User Journey
Using a persona, I quantified the tasks and actions that the user would take to match to the feelings that would be associated with each step. Analyzing the process, I could see areas of improvement.
Created Paper Wireframes
Utilized Paper Prototypes
Utilized Paper Prototypes
Paper wireframes were used to map out what to include and possible configurations of information.
Utilized Paper Prototypes
Utilized Paper Prototypes
Utilized Paper Prototypes
A paper prototype was used to see the configuration in a isolated view of each screen and action to see what the user would experience in the process.
Low Fidelity Prototypes
Utilized Paper Prototypes
Conducted Usability Studies
Digital low fidelity prototypes were generated to place elements and assign actions to the process.
Conducted Usability Studies
Final High Fidelity Mock-ups
Conducted Usability Studies
The first usability study performed on a low fidelity prototype generated pain points that were addressed in the subsequent version.
The second usability study tested on a high-fidelity prototype generated some minor adjustments to create a more cohesive and accessible version.
Themes Emerged
Final High Fidelity Mock-ups
Final High Fidelity Mock-ups
Once usability studies were completed, data was synthesized and themes emerged. Research insights gathered and infinity groups established. Recommendations were analyzed for further iterations to be completed. Accessibility considerations examined and implemented.
Final High Fidelity Mock-ups
Final High Fidelity Mock-ups
Final High Fidelity Mock-ups
After all usability study research is completed and iterations adjusted, final high fidelity mockups include a cohesive, consistent and functioning model for Bees' Knees Candle Store digital app. Copy the link below to use the prototype:
Bee's Knees Candle App Final Assets
User's Path to Sample Order
From the Welcome screen to Order Confirmation, the user can easily order a sample, mark a reimbursement and complete the order.
Bees' Knees App Sticker Sheet
The elements details are compiled for consistency and efficiency.
High Fidelity Auxiliary Screens
With functionality in mind, auxiliary screens aid user's experience.
Czarnowski Design challenge: SUPER BOWL Mercedes Benz space
Project Scope
Demographic Research
Venue Research
I was part of a Design Challenge for Czarnowski which consisted of ideation for several elements in the Mercedes Benz Super Bowl environment. The space was to be designed for a specific demographic which included a pylon, concourse signage and the back wall of the environment space for Mercedes Benz.
Venue Research
Demographic Research
Venue Research
Upon reading the Challenge, I started first with researching the Super Bowl Site and some of its history. This year’s game is being held at the newly constructed Mercedes Benz Stadium in Atlanta, Georgia. It is an impressive facility featuring a roof that will close to guard from the outside elements. The videos of this engineering feat sparked a design element that I incorporated. The roof itself is comprised of eight interlocking triangular patterns which resembles that of a camera shutter.
Demographic Research
Demographic Research
Demographic Research
The demographic research pointed to those with a great sense of self identity. They tend to be environmentally concerned, educated and base decisions with rationale. They have a desire to connect socially with those of the same ideals.
This created many ideas for locations that this demographic would enjoy from social nightlife to afternoons spent with nature. The environment of documenting those experiences is prevalent in their abundance of selfie situations.
Product Research
Environmental Ideation
Demographic Research
Continuing research, I looked at the brand and the applications as well a the model features with the various packages available. In my inquiry session, I learned the latest feature is the MBUX. Watching the promotional videos gives great insight to the robust information available in the heads-up digital display. The interactive user experience of this technology really needs to be prominent in the promotional handling.
Elemental User Focus
Environmental Ideation
Environmental Ideation
With some of these key ideas in mind, the theme of ‘Picture it.’ became the focal point. I want this market to picture themselves in this vehicle. I wanted them to feel invited and connected to the vehicle environment. I wanted them to walk away with a social reminder of that connection by using a selfie.
Using the springboard of the camera shutter, I chose a spectrum of environments to draw in the user with the various locations represented on the triangular shapes.
The pattern was continued on the Pylon with the Mercedes Benz logo being the center of attention.
Once at the vehicle environment the shutter asset is repeated on the flooring and the placement as a marker of where to stand next to the vehicle for the photograph. I wanted to create a perfect photographic setup which would incorporate the user and vehicle for the best selfie.
Environmental Ideation
Environmental Ideation
Environmental Ideation
In the vehicle environment, several things were considered. Creating a nightlife scene, the photographic element is placed on a curved wall for a seamless view. In order to control the mishap of a photo bomb, a raised level was added which will also elevate the vehicle for a status pump. The kiosk also acts as the camera location at the correct angle for a shot in the cockpit or next to the vehicle. The Mercedes Benz logo marks the spot. An inclined plane was designed to allow handicap access. Because of limited space and possible time constraints, I added a desk where a separate station could be used to utilize access to the MBUX experience.
To create the selfie, the user would submit their phone number where the photo would be texted from the camera set up. The MBUX could be set up so that the user can experience the voice command in the cockpit. The prompt could be ‘Mercedes, picture me!’. The action of saying ‘me’ would create a natural smile formation like that of saying ‘cheese’ before a picture is taken.
Additional User Elements
Additional User Elements
Additional User Elements
My mind took off with several other ideas that would create a more interactive experience. Here are several other things that could potentially be used.
To create more interest, I thought of making the shutter on the pylon actually move when the photos were taken inside the vehicle environment and would then display the person in the photo inside the shutter of the pylon. It would create a definite ‘seek-and-find’ scenario. I also thought of having the background for the vehicle be a very large screen which would display ‘locations’. The locations could be chosen inside the cockpit by swiping through choices using the MBUX display creating a personal experience which would personalize their self portrait unique to them.
Opportunity Summary
Additional User Elements
Additional User Elements
I had fun with this project and was pleased with all of the experience design and user experience design that it entailed. It ultimately earned my a position as a Graphic Designer at Czarnowski. I was extremely excited to work with such an amazing studio.
The full presentation can be viewed by copying this link into your browser:
https://drive.google.com/file/d/1zkCQC4L0ZRW26bh35zBGchI35ns3e2Ky/view?usp=sharing