logo version 1
  • About
  • Works
  • Resume
  • Connect
home / works / UXUI / minnannotator

Case Study: Final Project - Minnannotator

images of the final project high fidelty screenshots

Overview

Project Background:
This final project was for the UX/UI Bootcamp at Rice University and the challenge was to design and code (for extra challenge) a website that spoke to my heart. Wanting to see where my limit was with taking on a full-scale project outside of my fulltime job at the time, I chose to work by myself to create a website to help the foreigners of Japan. The project covered the full spectrum of the coursework from the user research to high fidelty prototyping through coding, and user testing.

This website aims to help immigrants facing legal problems in Japan. Original solution was to have a multi-language legal resource website complete with rich search filters for finding multi-lingual law offices and community based annotation site where users rate and exchange annotations of Japanese legal web resources in their respective language. Due to the limited time allowed for the project, I focused most on the search filter feature of the service and gave a rough draft for the annotation feature.

Team Member:
Just myself - Maho S

Tools Used:
Adobe XD, Miro Board, Google (Docs, Spreadsheet, Form, Meet), Zoom (for international interviews and user testing!)

Frontend Prototyping
React (specifically, create-react-app) was used for frontend coding (Github). Online AI face generator and logo generator were used to mass produce fake assets and basic javascript was used for locally generating fake data.

Although the case study presentation is on its way to be written up here, the final high-fidelty prototype is available for you to click around and get a feel of the design! * Prototyped for medium to large screens only!

Go Visit the Final Prototype
logo version B
  • About
  • Resume
  • Connect
  • Works
  • Websites
  • UX/UI
  • Logos
  • Piano
  • Services
  • Studio Policy
  • Demo
  • Music Therapy
  • Services
  • Experiences
  • Resources
  • 日本語
  • Webデザイン・制作
  • ピアノ教室・演奏
  • 音楽療法について
    link icon for linkedin link icon for github

2020-2022 All Rights Reserved