BELLA SUN LUCI

Custom website for a family owned sun-dried tomato product line.

OVERVIEW

URL: bellasunluci.com
Role: UX/UI Designer
Agency: MC2
Date: Fall 2020

RESPONSIBILITIES

Site Mapping
Wireframing
HiFi Prototyping
Development QA
User Testing

SOFTWARE

Sketch
Invision
Photoshop
Procreate

THE CHALLENGE

Bella Sun Luci’s website wears many hats: It's an ecommerce site, a recipe site and a contest site with a very active blog. Prior to the redesign, there was an unclear course of action for the user to take and an overwhelming amount of pages in the navigation. Their content was heavily siloed with little opportunity for the user to discover related products or recipes. They came to us looking for an improved user experience that connects their products, recipes, blog content and contest information together more seamlessly to promote discovery. They also wanted their UI refreshed to feel more modern and current with today’s design trends, while still staying true to their authentic, family owned brand.

BEFORE

AFTER

THE SOLUTION

We identified primary and secondary actions we wanted the user to take, which was to buy products or browse their vast recipe library, and prioritized these two actions in the userflows to maximize engagement. We also simplified the overall user experience by reducing the size of the site map as much as possible, adding clarity for the user. This was done by merging pages with related content, hiding unnecessary child page drop downs, and moving low traffic pages into the footer navigation. Individual page userflows were given ways for the user to discover other areas of the by adding callout sections that featured recipes, products, contest winners or blog posts related to the given page content. Lastly, we designed an engaging and modern UI for the homepage complete with background video, parallax graphics, and css animations.

SITEMAP

WIREFRAMES

PROCESS

Client discovery
Research
Site mapping
Wireframing

5. Prototyping

6. Development prep & handoff

7. Development QA

8. Testing

ROLE

UX/UI Designer responsible for all execution up to development. Worked under a Lead Web Developer who provided feedback, client communication and project management. This project was completed under the agency of MC2 in Fall 2020.