INTRODUCTION

Hello hello!

I’m Hillary, a UX + Visual Designer who joined VDA this past winter quarter in hopes of growing my skills as a graphic/brand designer. During the past 3 years at UCSD, I realized being a Cognitive Science - Design & Interaction major focused heavily on UX as compared to visual design despite my interests in both. Although I have come to appreciate this more, I still wanted to take on the opportunity to learn more outside of classes and from other student designers 🌟

Quick Links

photo.png


↓ LET’S JUMP INTO THE PROJECTS!

A1: Logo Design

Untitled

Untitled

Untitled

Untitled

For the first assignment, I took on the approach of designing a logo for my personal brand identity to use on my portfolio. Inspired to show my personality, I wanted to convey two sides of who I am (reserved yet energetic) through the contrasting usage of two different typefaces that ultimately balance one another.

Through this project, I learned the importance of scalability in logos (e.g. small elements such as the facial expression on my mascot won’t be visible from far away!)

A GLIMPSE OF THE PROCESS

<aside> <img src="/icons/clock_lightgray.svg" alt="/icons/clock_lightgray.svg" width="40px" /> DURATION 1 week

</aside>

<aside> <img src="/icons/color-palette_lightgray.svg" alt="/icons/color-palette_lightgray.svg" width="40px" /> TOOLS USED Figma

</aside>


Collecting initial inspirations + trying to find the style I wanted to convey myself as

Collecting initial inspirations + trying to find the style I wanted to convey myself as


Experimenting with different ideas on Figma before reaching the final chosen designs

Experimenting with different ideas on Figma before reaching the final chosen designs


A2: Landing Screen UI Design

Kapture 2023-04-13 at 20.22.03.gif

Kapture 2023-04-13 at 20.25.03.gif

<aside> <img src="/icons/clock_lightgray.svg" alt="/icons/clock_lightgray.svg" width="40px" /> DURATION 1 week

</aside>

<aside> <img src="/icons/color-palette_lightgray.svg" alt="/icons/color-palette_lightgray.svg" width="40px" /> TOOLS USED Figma

</aside>

<aside> <img src="/icons/arrow-northeast_lightgray.svg" alt="/icons/arrow-northeast_lightgray.svg" width="40px" /> View the prototype on Figma

</aside>

With a focus on UI Design in the second week of VDA, I chose to make a mobile landing & login screen for a pre-existing app called Aloe Bud. This assignment allowed me to focus on experimenting with various layouts, text hierarchy, in addition to how color plays in with accessibility and different button states.

STYLE GUIDE

Untitled