El Locale - Contract
El Locale is an e-commerce platform that connects consumers with local businesses and artisans, making it easy to discover and purchase quality, locally made products while supporting community and small business growth.
Problem:
Prepare the El Locale platform for launch by developing a cohesive design system, refining Figma components, and delivering essential assets such as a clickable prototype and badge designs. We also included a comprehensive audit of the existing information architecture and created multiple new brand logo variations.
The Team:
Kyle Tanner, Skylr McCormick-Isom, Poonam Hota, Vincent Le, Matthew Page
Objective 1:
Create a cohesive design system that would establish a consistent visual aesthetic and streamline the ongoing development of both the website and mobile app.
We began with a disorganized collection of components and outdated style guides inherited from previous design teams. While these materials offered a starting point, it was clear that significant work was needed to build a unified system.
Our first step was to understand the client’s vision for the design system. Based on this input, we selected a template to use as a foundation and reference. The design team then divided the work into manageable sections, collaboratively building out the system over the course of ten days. By the end of this process, the design system had reached a level of polish and functionality that met the client’s expectations, allowing us to shift focus to the next phase of project deliverables.
Timeline:
4 weeks
Final Outcomes:
Delivered a polished, functional design system that met the client’s expectations.
Created a scalable foundation that supports ongoing project development.
Enabled the team to move forward efficiently to the next phase of deliverables.
Objective 2:
Create several clickable prototypes of the most important red-routes necessary to display core business functionalities.
We had the advantage of starting with high-fidelity mockups developed by a previous team, which provided a strong foundation for our work.
We divided the red routes into two main categories: business owner flows and consumer flows. Each prototype illustrates the end-to-end user journey involved in completing a specific task.
We made changes to the existing business owner prototypes, and added key screens allowing users to navigate to their business dashboard, orders, reports, and inventory.
We decreased the number of clicks for the business owner to access the business dashboard from 7 clicks to 2 clicks.
Our next objective was to focus on allowing the business owner to:
Edit inventory items
Create new items in the inventory
View orders and print order labels
Switch between monthly, weekly, and daily business reports