Case Study
UX DESIGN EXAMPLES
Automotive Shopping Tool. I conducted intensive research on customer online shopping behaviour and competitor analysis to create a fast, intuitive, customized shopping experience. Robust filtering, smart category grouping and favourites were the key UX features.

Cross-platform Social Media Tool. UX design provides clear workflows that include geo-mapping and keyword searching. Also an easy to understand presentation of analytics.

Damage Report App. The app needed to complete tasks faster and more accurately than the current industry tools. I conducted extensive user research and testing to establish the best workflow and design.

Music Sharing App. Native app that utilizes the camera, microphone and audio. Designed to create a 'community' experience. Mobile experience syncs with desktop application for a true intigrated experience across devices.

Interactive Elearning Software. Highly interactive courseware that incorporate audio and animation. I interviewed and tested designs on kids to understand their learning habits.


Insurance Quoting Tool. Design provides clear paths for various customer journeys and a clean, intuitive design.

Registration Page. Responsive sign-up form.

Case Study
Cross-platform tool to quickly & accurately create a vehicle condition report.
My role: UX Research, Wireframing, Prototyping, User Testing, Stakeholder Presentation, UI Requirements

The Challenge
Automotive dealerships needed a fast and accurate way to assess and report damage on a vehicle, enter other required information and create and share a professional, standardized Vehicle Condition Report package.
User Research
I researched automotive products that car dealers used for various tasks in their workflow to understand the design and functionality they were familiar with. I conducted interviews with used car dealers and ‘shadowed’ them on the car lot to really understand their daily workflow. I needed to understand:
- What is the user’s current process?
- What do they like and dislike about their process?
- What does the app have to do to be adopted into their daily workflow?
Dealer for a Day (or a few days)
I conducted extensive user research by ‘shadowing’ various dealers on used car lots as they performed ‘walk-arounds’ on vehicles to report damage and create condition reports. I asked what their pain points were and learned their behavior and workflow. I brought this valuable research back to the Product Team and the collaboration began. I decided on an approach which consisted of rapid sketching and prototyping that we could go to dealers with to get feedback. Collaboration between Product, Engineering and Customer Support, sparked fantastic ideas and allowed us to prioritize a phased released strategy based on what was required in the application vs what was ‘nice to have’.
Analysis
Based on the user research I gathered, I created a persona to guide decisions and priorities.I used a journey map to visualize and communicate the user’s end-to-end experience in creating a condition report. This helped us identify pain points and areas of improvement as well as to understand the user’s emotional state throughout the process.


I discovered used car dealers are very set in their ways and locked into a process they have used for many years. Injecting new tools into their workflow was challenging. An additional challenge was that most users were not tech savvy so the app had to be simple and not intimidating. It also needed to work seamlessly across platforms. My research identified 3 key areas that were important to the user:
Speed: The app must speed up their current process and cannot feel like a disruption. It must be intuitive and require no training.
Accuracy/Transparency: The app must deliver accurate damage values and store all the required information in a secure, time-stamped file.
Accessibility: Information must be easily recalled, emailed, printed and shared and be a fully integrated cross-platform solution so they could save a session on mobile and complete it on desktop.
The Design
I sketched the UI, flow, and functional and data elements. I designed the primary navigation to mimic the workflow I witnessed when shadowing the users. Color is used throughout to indicate links and selected items. To report damage, I used a digital version of the paper pancake diagram users were familiar with. Consideration was taken to design large, easy-to-click areas (most users were men with typically larger fingers).


Testing and High-fidelity Design
I presented my wireframes to stakeholders and once I had approval, I built a high fidelity mobile prototype. I collaborated with content strategists to ensure all the required condition report content was accurately represented. I tested the prototype with users on mobile devices both in a controlled environment with no outside stimulus as well as on a busy used car lot. Users were asked to complete a condition report for a provided vehicle that had obvious damage. I asked users to ‘talk out loud’ while completing tasks. Tests were timed and recorded.Improvements
- In almost all cases, users were answering ‘no’ to the disclosure questions, so I pre-selected those answers to
'no' to speed up the process. - I initially used a generic pancake diagram that represented ‘car’, ‘truck’, ‘van’ but discovered users felt it was more accurate if the diagram closer resembled the actual model of the vehicle. More diagrams were added and selected based on the VIN of the vehicle.
- Animation was used for calls to action (take photo, print) as a slide up from the bottom of the screen. This increased visibility and success rates of completing those actions when required.
- Users were trying to advance to the next screen without clicking the Save icon. We decided an auto-save feature made sense, given the distractions and busy environment the users were working in.
Game Changer
I was confident we improved the accuracy and organization of the user’s process in creating a condition report. And when tested, reporting damage and answering disclosure questions were within the time range parameter we set as a goal. However, initial set up of the vehicle details (year, make, model, trim, VIN) was slow, manual entry. The Engineering team worked on developing a VIN SCAN function. It was decided that the product could not be released without that time-saver. Once the VIN scan was added to the app, all the vehicle details could be auto-populated.
RESEARCH
“Supposing is good, but finding out is better.”– Mark Twain
Understand Project Needs
It's important to be involved early in the product lifecycle to gather insight from stakeholders to understand project requirements and business goals. Competitor analysis also provides key insights into user behavior and feature offerings.
Gather User Data
I use various techniques to understand user's motivations, frustrations, and behaviors. These include interviews, surveys, A/B testing, and useage analytics.
Analyze the Data
The findings are used to inform my design decisions and generate various outputs including user personas, journey maps, information architecture diagrams and eventully wireframes and prototypes.

DESIGN
“There’s a big difference between making a simple product and making a product simple.” – Des Traynor
My job is to design products that are intuitive, accessible and enjoyable for the end-user while meeting business objectives. Whether B2B or B2C - my focus is to improve user satisfaction, encourage product adoption, and foster customer loyalty. The design phase includes wireframing, prototyping, testing designs and interating. I believe in collaborative brainstorming to challenge assumptions and create innovative solutions.

ABOUT ME
“I would describe myself as creative, passionate and driven.” - Melissa Ogden
I am a graduate of The Ontario Institute of Audio Recording Technology and a graduate of Interactive Media at Fanshawe College - both in London, Ontario. I started out in web design and transistioned into UX with a focus on product developement. I am also a professional musician of over 25 years and an entrepreneur with a successful production company.