vISUAL dESIGNS

Delivering intent in design

"UI design has more to do with relatedness, empathy, and collective meaning than a technified collage of illustrations, colors, fonts, and bombastic visual effects. UI serves as a vehicle to transmit usability insights, the wisdom echoed in the design conceptualization during wireframing." Johanny Pestalozzi

_________________

This is a reflection of my experience as Design Lead during my Google UX Design portfolio creation and my training with Prof. Daniel Jackson with MIT CSAIL Human-Computer Interaction for User Experience Design.

 Visual Design Identity

While being a versatile UX Designer, I am curious & eager to experiment with different visual styles. Nevertheless, naturally, my design identity comprises the following characteristics: Minimalist; modern, flat design; focused on realism, emphasizing expressive images; meaningful, sometimes abstract/thought-provoking illustrations; pragmatic iconography; with elegant as well as vivid/cheering colors. In summary, my work gravitates around usability, aesthetics, and meaning.

Adobe XD Creative Challenges

Animating Images

Interaction design and prototype of a photo carousel with hover triggers.

View Final Design

Parallax Website

Design of a landing screen for a headphones website. ​Auto-Animate was used to add a parallax effect to the prototype. 

View Final Design

3D Animations

Design of an e-commerce website for premium wines. ​Auto-Animate and 3D transform were applied to create a special interaction in the design. 

View Final Design

Component States

Design of a tool to set up appointments for the COVID-19 vaccination. ​Users are given various options, enabled by component states.

 View Final Design

Next on Visual DesignS

UI dESIGN CONCEPT MAP

Visual Design Process