UX Portfolio – User Experience Examples

Below are recent examples of User Experience Design. Each example may encompass one or more examples of user experience design, interaction design, information architecture, visual design, wireframing, prototyping, process flows, technical writing, and any other aspect of user experience design.

Visual Design and HTML/CSS Development examples are on a different page, see them here: Visual Design Examples.

CityDeals Mobile App UX

Write UX and Information Architecture feedback for the CityDeals iPhone app.

  • UX Analysis
  • Information Architecture
  • Technical Writing
  • Rapid Delivery

PieShares – UX and Interaction Process

Develop concept, sketches, wireframes and mockups for online application.

  • UX Design
  • Interaction Design
  • Sketching and Wireframes
  • Visual Design
  • High Fidelity Mockups
  • Rapid Delivery

Tracking System for Job Applicants

Create wirefreames, a high fidelity mockup, and 12 week development schedule.

  • Wireframing
  • Rapid Prototyping
  • Process Management (Development Planning)
  • Rapid Delivery (completed in 3 hours)

Lead Portal: Information Architecture Map

Map of information and process flow for lead generation portal.

  • Process Management (Development Planning)
  • Information Architecture
  • Business Logic (concept created by me)

Software Wireframing

Whiteboard and digital wireframes for browser-based software project.

  • Whiteboard wireframes
  • Digital wireframing

Landing Page Layout Template Guide

Annotated template rubric for designers to base their landing pages off of.

  • Wireframing
  • Page layout
  • Prototyping
  • Process Management

Website Wireframing, Mockup, and Development

Transition of a site from Axure wireframe, to Photoshop mockup, to finished html/css.

  • Wireframing
  • Rapid Prototying
  • Visual Design
  • HTML/CSS
  • jQuery and PHP

Multivariate System, Information Architecture

Map of the process and information flow for a software application.

  • Process Management
  • Flow charting
  • Information Architecture
  • Business Logic
  • Axure RP

Educator Life Development – Concept to Deployment

Design and develop “WordPress MultiSite” installation

  • Website Wireframes
  • Low and High Fidelity Mockups
  • Information Architecture
  • HTML/CSS Development
  • WordPress Extension and Codebase Modification
  • PHP/mySQL Management