N.Suon

final app

Coffee Shop App

Research and design process of a digitally-enabled coffee shop experience. Project will be able to use an app (mobile or web-based) to perform actions such as:

  • Finding new cafes
  • Placing their drink orders
  • Building relationships with cafes
  • Role Product Designer and Researcher
    Tools Figma, Miro, Zeplin, Lookback
    Date January 2020 - March 2020
    Course Udacity User Design

    Discover research & analysis

    We began with a research plan and conducted semi-structured interviews to gather insights on drink-ordering behavior. This data was used to start our working sessions to create low fidelity product concepts for the drink-ordering app.

    research plan

    Key points were taken from the interviews and organized into themes and opportunity clusters on Miro

    research plan research plan

    feature ideation

    Data synthesized from interview insights was used to create potential features. We took this feature ideation and used a Value-Cost grid to plot and prioritize features. Features highlighted in blue were determined to be valuable and fit within scope.

    research plan
    research plan

    Design concepts & sketching

    We took the most valuable features and began to build out design concepts in a paper sketch

    research plan

    A digital wireframe was developed from the paper sketch

    research plan

    Develop prototyping

    Low-fidelity prototype built upon first wireframe. Main requirements are identified on the sticky notes.

    research plan click here for interactive prototype

    Testing validation | usability | feedback

    We identified essential tasks and conducted a functional usability test within the low fidelity prototype. The feedback was then presented in a flowchart to show successes and risks within the user flow task list.

    research plan
    research plan

    Design iteration

    We took feedback and insight from the testing phase to refine original designs. This new design was updated to improve success rate of the task flow.

    research plan

    Design high-fidelity

    After several iterations of the lo-fi mockup, we developed the first hi-fi mock up and continued to conduct additional tests.

    research plan

    Final high-fidelity prototype

    research plan

    Other Work

    ...

    modernization

    Ranger Field App

    design system development and redevelopment of legacy mobile application with enhancements.

    ...

    prototype library

    Product Lab

    user research and product design of innovative products on machine-learning and predictive analytics.

    ...

    full design process

    Coffee Shop App

    user research and product design of an intuitive app that allows users to find new local coffee shops.

    ...

    rapid prototype and component dev

    Tesla Design System

    research and application of Brand to generic site.

    ...

    site UI redesign

    Support Center

    designed and developed new support center portal for clients to access support articles.

    ...

    interactive prototype

    Finance UI

    research and design of an optimized user interface for financial analyst users.