UI/UX Projects
Overview
Research & Analysis
Information Architecture
Wireframing
Design
Testing & Iterations
Role
UI/UX Designer
Throughout my career as a digital designer, UI/UX has been a core part of my various roles. Listed below are snippets of these case studies, which include as many pieces of the UX design process as I have on file (some items retained by previous employers, or others on older hard drives). This will be continually updated with projects that have been actively launched, while other past projects were conceptual in nature.
CASE STUDIES BEING CONTINUALLY UPDATED
〰️
CASE STUDIES BEING CONTINUALLY UPDATED 〰️
Grassroots Carbon
While working at Soilworks (joint venture equity fund of Scaleworks), Grassroots Carbon was developed after the acquisition & merging of two relevant businesses to create a leading solution in soil carbon storage credits. This initiative was to be launched at a sprint pace to prevent a lapse in customer satisfaction, as the acquired business already had enterprise customers like Shopify & Marathon Oil.
Efforts to work quickly entailed verbal workshopping of research, ideation, and sitemapping with the General Manager put in charge of the merger. This collaborative process provided me with an easy transition into wireframing and key stakeholder approval within 1.5 weeks. I was then able to design a full site prototype in Figma to be developed by an external agency, which we collaboratively adjusted on-the-go.

Lo-fi wireframe concepts

Hi-fi prototype of home page

Final design implementation

Responsive design implementation
Amplified Ale Works
Amplified Ale Works was a brewery and restaurant in San Diego serving in-house craft beers and a delicious Mediterranean-fusion menu. Given their constant flow of customers wanting to drink & eat on their rooftop patio, I always felt like they could use a branding refresh to match their “electrified” approach to award-winning beer.
I decided to bring this opportunity into my graduate design program by creating a hypothetical rebrand as a school project and later presenting it to the restaurant’s management. This involved a complete redesign of the company’s logo, branding, and CPG beer labels, which allowed me to dive into the UI/UX steps of research, ideation, persona development, wireframing, and more to find an amplified interface & experience that customers could better latch onto. The end result was a vibrant and more D2C-oriented website to support their nationwide distribution efforts, while giving restaurant customers a new look & feel that better related to their brand theme. While the opportunity to pitch the restaurant team was initiated, the restaurant unfortunately closed down a few years later due to Covid-related constraints.
Persona development
Persona development
Responsive website redesign
Responsive website redesign
Logo & label rebrand
Logo & label rebrand
Elemental
Back in 2017, I noticed a marketing surge in home goods and the idea of curating your own wellness space. One area where I saw an opportunity was to create a more accessible scent-based brand, as that seemed like the least-marketed component of the recent surge. Elemental was thus a conceptual ecommerce brand that would offer candles, diffusers, and other quality scent-based products at affordable prices.
This was another graduate program project that involved the development of a full brand identity, UI/UX and product design, as well as consumer packaging for retail. Initial concepts began with the brand name “Basik” to sound accessible yet bespoke; however, further research and analysis led me to a better understanding of persona desires for a holistic and peaceful brand that created a safe self-care space. This led to a rebrand to the name “Elemental,” in which a pastel, earth-toned palette and abstract icons were applied across the front end interface of a shopper-friendly ecomm site.
Knowing how much more ecommerce experience I now have in my career, I plan on giving this project another attempt to reach a more modern audience.

Original wireframes

Original wireframes

Responsive mobile design

Responsive web design