Showcase & Discover Creative Work Sign Up For Free
Hiring Talent? Post a Job

Showcase & Discover Creative Work

Want to Learn More?
  • E-commerce Travel Site
  • Below are different examples of the sort of user experience documentation that I create. This particular project was an e-commerce travel site but documentation would be similar on other projects.

    Note: Details and labelling have been changed for reasons of confidentiality.
  • SIte Map Sketch
    It's usually easier and faster to sketch by hand in the early stages of a project.
  • Landing Page Sketch
    I would never claim to be a freehand artist....
  • Section of Site Map
    This is only a very small section of the main site map. Colour coding is for ease of recognition of different sections.
  • SIte Map Key
    A key or legend is not always necessary for site maps but when they are very large they come in handy.
  • Photograph of Site Map
    In this stylised photo of the site map the key can be seen top left.
  • Itinerary Section of Booking Path
    This process flow is only one small part of an extensive mapping of the booking path process flow.
  • Index Page Interface Modules
    This component wireframe illustrates the different interface components that a page should contain and the page's position in the site structure. This is shown by the 'position in hierarchy' box bottom left. 
  • Baggage Page Wireframe - Annotated
    Component wireframe of baggage page.
  • Booking Module Wireframe
    This is a component wireframe shows two states of the booking panel.