Overview
Shopping for flowers hardly allows people to customize the arrangements they want to pick for their loved ones, nearly always coming in prearranged bouquets. In order to create some of these bouquets, many flowers may need to be imported and shipped to a supplier before arriving to the shop before creating the arrangements. This results in massive amounts of carbon emissions and flowers that are treated with a variety of chemicals and pesticides in order to remain fresh for longer.
bloom. solves both of these issues by creating a unique flower shopping experience, relying on local farmers for their stock. Every month, bloom. partners with a local farm or small greenhouse to pick the freshest and most ecologically friendly buds on the market. The flowers are sold on an individual basis, allowing customers to create their own one of a kind bouquet catered to their loved one's tastes! 

Role: Lead UX Designer, Illustrator, and Researcher
Mission: To create a flower shopping website that strives on sustainability and supports local farmers while allowing consumers the ability to customize their arrangements
Timeline: July 2023-August 2023
Competitive Analysis
The primary focus of bloom. was to strive towards sustainability while supporting small, local growers. With the current state of the world, many flower shops have been aiming to become more sustainable and eco-friendly. Some even offered custom bouquets.
These were pre made based on specific aesthetics and personal choices, rather than a customer able to choose the bouquet or arrangement one flower at a time.

hidden botanics is a custom designed flower bouquets that caters to events such as weddings. The website allows a potential client to take a quiz to find a bouquet perfect for their event. Hidden botanics also strives towards sustainability and partners with Turkish farmers to grow their flowers. 

The downside of hidden botanics is that the arrangements are made with dried flowers instead of fresh ones.

UrbanStems is a company that works closely with Rainforest Alliance Certified farms and focus primarily on ethically sourced flowers. They have a wide variety of flowers and plants to choose from. 

Again, UrbanStems already has these flowers in arrangements and the customer is unable to build and customize their arrangement.

Bouqs is another sustainably sourced flower shop that gets its stock directly from the farms. There are a wild variety of flowers on the site, including flowers that are only available at certain times during the year.

Bouqs lacks the option of customizing botiquets and have a near $20 gap for flowers for members and for non members, making their choices less desirable if one was just looking for a one time purchase.

Personas
During research, it was found that people buying flowers are adults that range from their early to mid twenties to their late thirties. With the trend of sustainability and eco friendly brands being on the rise, this age range would most likely take this into consideration in purchasing from a brand. They would also keep the price of the brand in mind. The potential clients for the website would have to be environmentally conscious without breaking their budget.

Austin is a business student from Chicago, Illinois, who often shows his appreciation for his mother by buying her flower bouquets. One thing he doesn't like about the current process of buying flowers is that he can't pick the individual flowers for his arrangements, and often has to settle on ones that have flowers his mother doesn't like as much.

Dawn is an environmental specialist that lives in Phoenix, Arizona. Dawn is extremely cautious of the impact her and her family have on the environment and shops only locally grown or ethically sourced products. Her children love surprising her wife with flowers, but Dawn often finds it hard for her family to shop at an ethically sourced, organic flower shop that also supports local farmers.

Journey Maps
Using the information from research and building personas, the journey maps reflected the main pain points from both types of users: Flower shops are not as customizable as users would like, and It is hard to find a flower shop that is eco-friendly and supports local farmers.

Austin's user journey follows users who want to experience a flower shop with customizable arrangements with upfront pricing and no hidden costs or fees.

Dawn's user journey follows users who want to support local businesses who get their products in an ethically sourced and environmentally friendly way.

Solution
bloom. is an online flower shopping experience that prides itself on sustainable products that are grown locally from small farms or local greenhouses. Each month, bloom. partners with a new farm to bring it's clients new, fresh flowers to choose from.
Paper Wireframe
kjkojhb

Paper wireframe of the home page with a navigation menu and a slideshow style presentation of the available flowers on the webpage.

Paper wireframe sketch of the possible flowers option page. The tiny dots beneath the pictures represent the available colors of flowers the website will have available for users.

Paper wireframe of the events page for bloom. This page will show the users a calendar of potential dates they can book for bloom. to provide flowers for. A list of available flowers is listed since bloom. partners with their farmers a year in advance. 

Paper wireframe of an about page, which includes information about the company as well as information about the local farm partnered with bloom. as well to draw more traffic to their business.

Paper wireframe of the cart for bloom. which includes collapsable sections for users to input their information and review it at every step of the checkout process to ensure everything is right before placing their order.

Digital Wireframes
bloom. was designed with simplicity and modern minimalistic design choices in mind. The very few images and minimal color palette will allow clients to be more focused on the products available [flowers] rather than the website itself.

The first iteration of the home page of bloom. included a hamburger style navigation menu with the options listed in the same font as seen on the bloom. logo.

The first iteration of the flowers page has six flowers per page, as well as the colors listed below each flower.

The event page immediately took users to event booking and provided a calendar with available dates for users to choose from.

bloom. frequently asked questions page

The cart page includes collapsable sections so the user can go back and check their summary.

Low-Fidelity Prototype
The video below shows an example of a user going to the flower page and choosing their flowers for their order.  The goal of the low-fidelity prototype was to ensure users could complete this process with little to no issue.

The video above displays a user going through the flower ordering process before checkout.

Research Testing #1
The results of earlier user testing shows that users didn't like the hamburger, as it made the website feel too much like a mobile app. The text in earlier prototypes was hard for users to read. Before the testing above, it was suggested by some peers that adding another page in between the flower order page and the cart that allowed users to view their custom order would be beneficial as well.

Affinity diagram for the task of placing an order for a flower order on the bloom. website. Many users were upset at the lack of a confirmation page, and some found the earlier iteration of the navigation menu hard to read.

High-Fidelity Prototype
The high-fidelity prototype for bloom. was updated to be more sleek and modern with a minimalistic style. The white background is broken up by red and pink accents. This, combined with the pictures of stunning, colorful flowers makes the products stand out.

Homepage

About bloom. and monthly farm page

FAQ page

Flowers page

A flower accessory page that includes a bloom. vase, a terracotta pot and plant food.

The events page

Step One of the Event Booking process

Step Two of the Event Booking process

Step Three of the Event Booking process

Lastly, the final step of the cart page

Research Testing #2
After a third round of testing, users wanted a confirm event page so it's clear that they've successfully booked bloom. for their event. A few more design tweaks were made before the final prototype was complete.
Final Prototype
The final prototype has some minor design changes, including how the homepage looks. This makes the design feel more uniform and more professional.

A video showcasing all the tabs on the bloom. website. This includes a look at the about page, the FAQ page, some of the product pages as well as the events page.

This video is an example of how a user were to place a flower order on bloom. It also includes how users can look ahead to see what flowers are available in the upcoming months.  After picking out their flowers, users can take a sneak peek of what their order will look like.

Users are also able to click a button that auto fills their information in the cart to make the checkout process easier and more convenient.

A video which goes through the process of booking bloom. for an upcoming event. This page includes clear buttons that make the booking process go by just a bit more smoothly for clients.

A video of a brief look of the accessories page

You may also like

Back to Top