Executive Summary


For this project, my team and I created a kiosk that would help clothing shoppers with quickly ordering cloths and getting clothing recommendations.


February 2023 - March 2023


GDD(Goal Directed Design)
Figma, Illustrator, and Photoshop


My role in this was to gather research, creating the logo, participate in interviews and create sections of the wireframe.


Kai Laborde
Cristy Kennedy
Eliana Weiss
Janice Kim
Jenny Trejo

Problem Statement

Interactive kiosk are primarily used to provide users with a service that doesn't require them to come within contact of the store. The kiosk that exist today fail in giving recommendations and allowing the user to personalize their experience. Our interactive kiosk aims to address this problem by providing a personal, engaging, time-efficient and most of all fun way to shop.


Our team wanted to develop a Kiosk app  providing a unique, interactive, personalized, and time-efficient way to shop with a seasonal color analysis, online order pick ups, and reserve items. Along with those features, users would be able to customize their shopping experience in a way that would compliment their personal style and color palette. Users would also be able to save whatever recommendations they got for later through making a personal account.

Goal Directed Design

Goal-Directed Design is a process of design that was created by Alan Cooper. Unlike other design processes, Goal-Directed Design focuses on the needs of the user. Following the steps in the design process, my team and I were able to create a successful prototype for an interactive kiosk.

  • The steps to this process include:
  • 1. Research
  • 2. Modeling
  • 3. Requirements
  • 4. Framework
  • 5. Refinement
  • 6. Support

User Testing

Once we completed our preliminary research through studying competing kiosk brands and articles regarding kiosk features. We conducted five interviews with five subjects of varying backgrounds and needs. The graphic below illustrates all the preferences of each subject interviewed.


After we completed our interviews, we created our primary and secondary personas. These personas were used regarding the user tests to have a better idea of who our target audience would be for our kiosk app.


Low Fidelity

As a group we discussed the basic layout of our wireframe. This preliminary design was meant to plan out how users would interact with the finshed product.

High Fidelity

After getting some feedback from willing participants, our team began designing and refining the final high-fidelity prototype using Figma. Our team ended up fleshing out some ideas and removing others. Also in this prototype, we finalized the look of the app.

Style Guide

To design the final look of our app we used Illustrator and Photoshop. We wanted our app to have a modern, clean feeling that would blend well with any store. We ended up using a two color, primarily purple color scheme to use for our logo and finished site. The light background was chosen to add contrast to the color scheme and we decided on a singular font, Poppins. I worked on the final logo and was given tips on how to refine it by my teammates.


After three months of hard work, the final project was finally completed. We made some finishing edits after conducting some more user testing with seven more people. The final product turned out great and was and excellent way for me to improve upon my existing skills as an Interaction Designer. If you have any questions regarding this project, please feel free to reach out.

Final Prototype