Capabilities

User Flows

I can create many different types of user flows to help clarify user journeys.

Deutsch User Flow
Petsmart user flow
Taco Bell flow architecture

Architecture

Site architecture is the way a website is organized. It consists of the proper layout of information showing how users can easily access all options, pages & features offered by the site.

Deutsch Website diagram
California Almond Board Growing Goo sitemap
California Almond Board sitemap

Wireframing

A wireframe is a diagram representing the skeleton of a website or an application's user interface showing information & core functionality.

I often jump directly into high-fidelity wireframes to expedite the process and get a feel for how the real information will behave and fit in-situ.

*note:  Selected wireframes are shown without annotations

Seeso Wireframes
Seeso Wireframes player
Seeso Wireframes
Seeso Wireframes
Rhino wireframes
Rhino wireframes - artist page
Hudson wireframes
Hudson wireframes
Hudson wireframes
Hudson Wireframes
wireframe of a program using unreal engine and basically keynote
Wireframes showing module states

UI Design

User Interface Design is the process of creating the look and feel of digital products.

They should be visually engaging while being on-brand as well as adhering to best practices such as ADA Usability.

PHG Homepage DesktopPHG Property Details pageRhino music artist page
Rhino Music product pageARC Thermometer marketing pageARC thermometer marketing page
Charger screenCharger screenCharger screen devicesCharger screen plugsCharger screen device type modalCharger screen selection screen

Prototyping

I am a big proponent of prototyping as it is the first and best way to see you creation come to life.  It also conveys your vision to the client and the dev team.