User Experience Projects
Langdon's Flower UX Design
Langdon's Flower UX Design
Ice Cream Shop UX Research
Craft Store UX Design
Langdon's Flower UX Design
Craft Store UX Design
OC TRANSPO MOBILE APPLICATION UX DESIGN
Overview
OC Transpo mobile application is made for public transport users in Ottawa to track the buses real time as well as getting notifications of schedule changes, and giving feedback.
The PURPOSE of this UX redesign project is to make the application more virtually appealing, to organize the functionality, and to improve accessibility.
Role
UX Researcher, UX Designer, Visual Designer, Product Designer, Interaction Designer
Tools
Adobe Illustrator, Adobe XD
The Research
Conducted a user research to understand user needs.
Created mind map to visualize research result.
User Flow and Lo-Fi Prototype
Focused on functionalities such as bus stop maps, route search and list, and contact.
Drafted low-fidelity prototype with user flow.
Style Guide and Mood Board
Following the existing brandling logo, I added in more colours to bright up the application. With the reference photos, I created a mood board in order to visualize application theme when presenting to stakeholders.
The Outcome
This application is visually improved. From research to design, I gained skills of UX Design, Research Analysis, Client Meetings and Presentations.
Workforce Warriors website UX Design
Overview
Workforce Warriors is a non-profit organization that provides employment resources for indigenous community. This project was to create a modern design website, which used current best practice, to enhance branding, accessibility, and usability.
Role
UX Designer, UX Researcher, Project Manager, Communication Specialist, Visual Designer
Tools
Adobe XD, Adobe Illustrator, Basecamp (Project Management), Miro(Team Brainstorming), Microsoft Power Point(Presentation), Word(Project Documentary)
The Design
According to indigenous culture and existing organization logo design, the black, white, red, yellow, and orange were picked as the theme colours for the website. To empathy the brand, the mood board was created.
Low-Fidelity Prototype
A low-fidelity wireframe set of multiple device (Desktop, Tablet, Mobile) after establishing the website functionality with stakeholders, searching, social media information, educational information, project showcases, service information, etc.
High-Fidelity Prototype
ICE-CREAM SHOP UX RESEARCH AND DESIGN
Overview
Toon Ice tried to start a business in Ottawa area, specializing cartoon designed ice cream. This project is to help Toon Ice identifying their business, creating brand, and design logo, and a website.
The Role
User Research, Graphic Designer, UX Designer, Web Developer
Tools
Adobe Creative Suite, VSCode, GitHub, HTML, CSS
The LOGO
To align the brand, an illustration of smiling ice cream cone is used with bold eye catching title.
The Research
A market research of competitive, was conducted to a creative brief to kick-off the project with client.
The Plan
A detailed branding identification including development strategies, colour palette, Unique Selling Point, and Creative Considerations, was presented to the client to begin the project.
Personas
3 Personas was made to analyze user research, and visualize 3 targeted customer groups' needs and preferences.
Mind Map
In the customers' shoe, a mind map of user flow is created to give stakeholders a better sense.
Hi-Fi UX Design
Created a mock-up website which includes function of Menu display, Product description, Store Information.
Base on this prototype, I coded the website demo, using HTML, CSS, and CSS animations.