top of page

CodeLab Official Website

HOW DID I...

Design for the director's vision while advocating for ​user needs and expressing personal creative sense

codelabdavis.com

DESIGN ASSOCIATE I

JULY 2024 - AUG 2024

ScreenRecording2024-09-01at10.54.00PM-ezgif.com-video-to-gif-converter.gif

As CodeLab reaches more students and clients, the agency needs to answer to high expectations, leading to the need for a new website to reflect our quality products, professional manner, and strong community.

The new CodeLab website drew collaboration with the following clients.

distyl logo.png
render logo.jpg
chevron logo.png
mythical logo.jpg
bn logo_edited.png

Mid-Fidelity Iterations

Screen Shot 2024-09-02 at 3.46.56 PM.png

Although there was a clear understanding of the Projects page, the Community Highlights page was new and open to interpretation, so I created multiple iterations based on feedback and 

Screen Shot 2024-09-02 at 4.01.48 PM.png

Advocating for UX in UI

Proceeding to the high-fidelity, there were reappearing components between my pages and other pages, so I was challenged to adapt to the finalized components and fulfill the vision of the chair.  At the same time, advocate for usability design choices, speak for visual communication, and translate users' perspectives.

Frame 277131888.png

Final Product

ScreenRecording2024-09-01at10.54.00PM-ezgif.com-video-to-gif-converter.gif

Throughout this project, I was proud to have advocated for more usability design choices and built a website that represents CodeLab's quality projects, professional manner, and strong community.

See the live website at codeabdavis.com!

Other Projects

bottom of page