Andrew playing the guitar

Andrew Kao

drewcodes@gmail.com

Interfaces and Designs

UI designs, redesigns and concepts.


Read about my design process.


Below are some examples of my design work from past and current projects. The designs of each project below were created using a four part process that includes wireframing the website’s layout, prototyping, branding/rebranding, and creating full-colored designs.

The tools used to created these designs include Photoshop, Pixelmator, Sketch, InDesign, Invision, Marvel and hand sketches.

 

Moy Yat Kung Fu

A rebranding and redesign for a NYC martial arts school, focused on mobile optimization.



 

 


Bakery Website Concept

A conceptual design for a pastry chef who wanted to explore a web platform for online orders and catering.


 

 


Better with Betty Design Concept

UI design for a registered dietitian seeking web presence and a platform for sharing nutrition tips and recipes. This particular design is currently an active project, with a mobile design to come.

From a Wireframe to a Colored Design

 


Extra Credit NYC

Creating a canvas for a NYC based artist to share photography, articles and more. The client requested a custom menu slider in the form of a sticky note which would animate in and out of the frame when users interacted with the menu. Below are samples of the color variations in designs created during the design phase, along with a screenshot of the finalized design.

 

 

Some previous designs that were rendered.