UX Design Case Study #1 – Redesign of an Architect’s Website
The Challenge…
A local architect wanted to update their website with a more modern, clean look with concise and minimal text and easy-to-read content.
Solution….
We redesigned the site with a clean and elegant style, minimized text and highlighted and organized photographs in a visually appealing way. We also added more pages so that the home page wasn’t cluttered, and included clean white spaces to modernize the design.
UX Design Case Study #2- Start Your Own Business App
See the slide show below for a presentation on the UX Design work for a new App to help people start their own business.
UX Design Case Study #3- Flower Ordering App
As part of the Google UX Design Certificate program, in my role as lead UX designer, I created the following case study to summarize the research, process, development and conclusion that went into the development and prototyping for a hypothetical florist web and mobile application.
Introduction
In this case study, we conducted UX Research and UX Design for web and mobile apps for a hypothetical florist located in Portland, Oregon.
This case study summarizes all of the research and processes involved in developing and prototyping the apps.
Project Overview
The problem: Flower purchasing customers wanted an easy- to-use app to preview and order flowers online within a short timeframe.
The goal: Design an app that lets customers filter and preview flower arrangements within a minimal amount of time.
Research
Our initial research for this project included online analytical research and competitor audits, as well as upfront interviews with actual potential users for design input.
After creating mockups and prototypes during two separate phases in both Figma and Adobe XD, we conducted multiple usability studies, and synthesized the results to improve the designs.
Examples UX Research including Persona Development, Storyboards, Usability Studies, and Synthesizing Results
Ideation
The ideation process included creating both paper and digital wireframes, then creating mockups and prototypes in both Figma and Adobe XD, which were tested in usability studies. The results of those studies were sythesized, and iterations were made to the mockups to continually incorporate feedback and improve the designs.
Solutions
Our usability studies led us to understand further pain points among users and led us to add addition features such as being able to customize a flower arrangement, and more detail under the “Occasions” catagory.
Figma Mockups
Click here for the link to the Figma mockups of the mobile design.
Adobe XD Prototypes
Click here for a link to the Adobe XD prototypes for the desktop app.
Customization Feature
Easy Filtering Features
Take-aways
Our final research led us to include the customization and filtering features that made the app quicker and easier to use, thus making the online flower-ordering experience to be much more efficient and enjoyable for the users.
For follow up, we would recommend additional research on how to pair the current inventory in the floral shop with the offerings available on the website so as to minimize any substitutions, which was also a pain point for users. This would require backend programming and incorporation of the inventory system to the web applications.