dreamland - tablet app

A tablet application for digital art e-commerce. Follow a user as he browses and purchases an art piece and reaches out to the artist for a potential collaboration project.

Includes a user story, background, project map, design system, and interactive high-fidelity prototype.

New town bakery - desktop

In this case study, I showcase my design process of optimizing New Town Bakery’s website for a better user experience. The goal of this report was to propose a redesign of New Town Bakery’s mobile website. To do this, I conducted a deep analysis of their current mobile website, spoke with users to identify crippling pain points, applied UX strategies, and presented a final hi-fi prototype in Invision.

My process includes:

• ANALYSIS: Current mobile website analysis and competitor analysis

• EMPATHY: User archetypes, journey mapping, task list, and identify pain points

• IDEATION: Task Flowchart, and lo-fi (paper) prototype

• DESIGN: Style tile and hi-fi prototype

• VALIDATE: Invision testing and revised hi-fi prototype

Tanzainian Reach - desktop

For my Information Architecture course final project, I created a report to present a new website for my make-believe non-profit charity, Tanzainian Reach. The goal of this charity is to support remote communities in Tanzania by targeting three main issues: healthcare, education, and childcare. The goal of this assignment was to evaluate the “client’s” needs and build a new website based on class concepts.  

This report shows my full design process from user research down to the actual build of a website for class purposes. Key tools used include:

• RESEARCH: User research (potential users, user archetypes, task list, user persona, and a user scenario), competitive analysis, and interpreting website statistics*.

  • * Note: Website statistics are make-believe, as part of our assignment, we were provided with screenshots of a Google Analytics dashboard and instructed to interpret it as our “client’s” pre-existing low-performing website.

• IDEATION: Concept maps, donation flowchart, sitemap, and metadata

• DESIGN: Wireframes (mobile and desktop) and style guide

• PROTOTYPE: This website was built out in WordPress temporarily for class submission. Since then, the website has been taken offline, but key lessons and experiences stay with me in my professional development.

Cineplex Store - Desktop [Group project]

This case study for Cineplex was focused on evaluating the usability of its website. In a group with two other classmates, we worked together to conduct various usability tests and brought in real-life testers from our own networks. These findings were summarized and condensed into proposed changes for Cineplex to improve its website experience. Our goal was to find out how easy it is for users to navigate this website and to identify crippling pain points.

Key takeaways and lessons from this project include:

• Being an active role as a moderator

• Executing usability tests including 5-second test, first-click test, and preference tests with Usability Hub

• Mocking up proposed changes

Petsmart - Desktop [group project]

In this group project, I worked with five other classmates to audit PetSmart’s website and provide solutions to user pain points. The main steps we went through include:

• PROBLEM ANALYSIS: Defining business problems and concluding three hypotheses.

• TEST AND ANALYZE: Collected real-life users to go through five user tasks inspired by the business problem and key hypotheses. Participants’ actions were timed, comments were recorded, and all went into a SUS score calculation.

• PROPOSE SOLUTION: Mock-ups were provided based on key takeaways from user testing.

Seven Design Principles - Desktop / Mobile

The purpose of this assignment is to demonstrate an understanding of the laws of interface design and how the principles of design impact interfaces.

Looking at three main categories of food delivery websites, language learning applications, and image-sharing social networks, I found good and bad applications of interface laws in existing sites. For the good cases, I highlight key reasons why they meet user expectations. In the bad cases where laws were broken, non-existent, or incorrectly applied, I proposed ways to improve the design.

UI Elements - Desktop

The purpose of this assignment was to demonstrate the ability to identify issues with elements within a UI and then propose a documented solution for a developer to implement.

In this case study I audited three companies that could benefit from a redesign or replacement of specific UI elements. I detail why the existing design choices can cause roadblocks for users and provide detailed suggestions using wireframes to show its potential.