FLORAL BOUTIQUE APP

Project Overview

Blooms Floral Boutique is a fictional company I created for the Google UI/UX course.

In addition to the app design, logo, and branding. I was responsible for administering all interviews, developing personas, user research, wireframing, journey mapping, low-fidelity, and high-fidelity prototypes, as well as creating a design system. The course presentation can be viewed here.

If you would like to see my full process please read on, otherwise, feel free to skip to the high-fidelity prototype version below.

GO TO FULL PROTOTYPE »

The Logo

I wanted Blooms Floral Boutique to look different than their competitors. The logo had to be simple, iconic, and brandable. After research, I started sketching out some ideas of what I wanted the symbol to look like. I wanted the logo to be featured everywhere from the new social media pages, the awning, and on all the new packaging that will be needed. This logo was going to be needed to be able to be resized without loss of brand or detail, so I knew I had to keep it basic. Throughout my first sketches, the flower concept was very prominent, but eventually, the company would want to branch out of just selling flowers.

MOOD BOARD

Once I had the logo finalized I created a mood board to get a feel for what I wanted the experience to feel like. I knew I wanted a corner-store feel, but modern enough to be known elsewhere. When I think of flowers I think of bright beautiful colors and beautiful shapes. As I am researching I notice I am seeing a trend. It's not only what the flowers look like. It's also where you place them. On tables, shelves, venues, and windows. A florist is an artist and the brand had to emulate that. The geometric pattern will serve very well for the tissue paper the flowers will be wrapped in. The pattern would print on recycled paper tissue paper of course. The company cares for the environment and is very mindful of waste in the world. You will notice most of the color meanings within the palette could also represent characteristics of a flower.

UX PROCESS

USER PAIN POINTS

LACK OF ZOOM

Users mentioned on some apps did not have zoom options for products. Also certain websites also offer a better look before purchasing the item(s).

HELP FEATURES

Users mentioned there was a lack of help features that properly handle customer complaints and technical issues.

TRACKING ITEMS

There was limited purchase tracking, as well as change of address functionality, which was difficult to use.

CATEGORY FILTERS

Users expressed interest in category filters. This feature would provide a unique selection of products based on their selected categories.

PAPER WIREFRAMES

I did some quick sketches of the main app. The drawings are very similar to the high-fidelity version. I had an idea of how I wanted the app to look from the very beginning. I used stars to call out the strongest elements that I wanted to move forward with. Certain items were chosen for the hi-fi versions, while others were changed through the process.

LO-FI MOCKUPS

SELECT A CATEGORY

ZOOM FEATURES

PURCHASED TOGETHER

As I moved forward into the digital comps, I continued to make sure designs were based on user feedback. The Select A Category drop-down was a key feature that needed to be included in the high-fidelity prototypes. This was included in the hi-fi iteration as requested. The other feature was a zoom-in feature. This feature will also grant users with accessibility needs the option to view a closer view of all products. Users also expressed interest in a way to see Frequently Purchased Together items somewhere before the purchase was final.

HI-FI MOCKUPS

VIEW PROTOTYPE »

TAKEAWAYS

The overall design was well-received by all users and viewers. The brand mark, colors, and branding were said to be very strong and many said it looked like a real company. Which was the overall goal. The app prototype was easy to navigate and success was had during the prototype stages. Many users said they would buy from this business if it existed. This is a success in my eyes, as this was one of my first apps designed in Figma.

I learned quite a bit with this app project. From learning a new program, learning more about brand guidelines, working drop-down menus, and using nested components. Most of all I learned - what happens to a design when someone can not see the colors you choose. Some things even designers take for granted. Lastly, I have learned to work with design systems and learned firsthand how powerful they truly are. This project has also taught me that with a little more research your result will be better all around. A design driven by purpose, data, and user information will always provide a better experience every time. Thank you for reading.