Katy Martin Portfolio
ProjectsContact

ScentAir

ScentAir approached us with a request to consolidate their three informational websites into a single, all-inclusive e-commerce site. The project presented several challenges due to the complex subscription model and varied product offerings that required careful consideration for the optimal e-commerce flow.

Consolidation Strategy
Site Audit
Magento Ecommerce
Design System
Future Roadmap

// Magento 2 Discovery & Build Created @ Rightpoint

ScentAir Banner

ScentAir offers scent solutions for a variety of settings, from residential apartments to corporate office buildings. Their product line ranges from small table units to robust solutions that can pump scent through an entire building.

Our aim was to create a website that can handle both simple automated subscriptions and complex solutions for large businesses. Our goal for the first few sprints was to develop a strategy to achieve this over a series of sprint projects. Solutions include custom intake forms depending on the product, step but step interactive checkout, a scent creation/finder quiz and more.

delivery process

Research & Inspiration
Ideation
Strategy Presentation
Sitemap

The discovery process is a systematic approach aimed at understanding users' needs, goals, and pain points to inform the design of a user-centric product or service. A thorough discovery can make or break the success of a product.

Scroll for more content
ScentAir Discover
View Discovery Strategy
Feature Introduction
Content Strategy
Customer Feedback
Usability Testing

Low-fidelity wireframes allow for all teams to begin preparation for the project. Developers can scope out features, content creators and copy writers can begin to create assets, and the client gets the first tangible opportunity to provide feedback on functionality.

Discover Wireframe
View More Wireframes
Hi-Fidelity
Brand Representative
Realistic Content
Interactive Prototype

High-fidelity designs are crucial. They allow for visual changes, so they should be accurate. Interactive prototypes are the best way to show the final result. The development team will use the final designs, and the QA team will ensure they were implemented correctly.

ScentAir Design
View Pattern Library
Development
Quality Assurance
Monitoring
Post-Launch Evaluation

Launch is a big day for everyone involved including stakeholders, developers, quality assurance, and design. Our team found it very important for designers to be actively reviewing the site at every stage of launch to ensure the UX/UI remains intact.

Launch Day Slide
Planned Sprints
Bug Fixes
AB Testing
Monitoring
On-going Recommendations
User Testing

Launching a website is only the beginning. A website should be a constantly evolving organism which is re-evaluated and iterated upon. Additional work could be driven via planned tiered feature sprints, AB testing, user analytics, or simply updates in trends.

ScentAir Iterate

Goal

Site Consolidation

ScentAir had three separate informational sites that were not consistent in messaging or branding. These sites also had a variety of usability issues including broken intake forms, confusing subscription models, checkout errors, and general display issues.

Solution

Create a strategy for integrating all three sites into a single master e-commerce Magento site. Address the bugs that are impeding a successful e-commerce flow, and add informative pages that educate customers and encourage them to make purchases. Our initial discovery has led to recommendations for additional phased improvements following the initial launch.

Challenge

Diverse Inventory Needs

ScentAir offers a range of products and subscription models to fit different needs. They have simple products, bundles, and multiple types of subscription models. More complex subscriptions involve in-person sales representatives and larger contract negotiations.

Solution

To address every scenario, we conducted a comprehensive audit of the requirements for each product. We then devised various user journey scenarios to enable the optimal user experience. Our recommendations include implementing robust intake forms, customizing step-by-step add-to-cart processes for each product, and adopting a best-in-class subscription model.

Discover

Site Audit

Outlines the initial discovery of current inventory offerings and website painpoints.

3
4
5
6
Site Audit 7
Site Audit 8
Site Audit 9
Site Audit 10
Site Audit 11

Discover

Content Strategy

Research content strategy including suggested information architecture and page content.

Content Strategy 12
Content Strategy 13
Content Strategy 14
Content Strategy 15
Content Strategy 16
Content Strategy 17
Content Strategy 18
Content Strategy 19
Content Strategy 20
Content Strategy 21
Content Strategy 22
Content Strategy 23
Content Strategy 24
Content Strategy 25
Content Strategy 26

Discover

Customer Journey

Potential scenarios for a wide range of user cases.

Customer Journey 27
Customer Journey 28
Customer Journey 29
Customer Journey 30
Customer Journey 31
Customer Journey 32
Customer Journey 33
Customer Journey 34
Customer Journey 35
Customer Journey 36
Customer Journey 37
Customer Journey 38
Customer Journey 39
Customer Journey 40
Customer Journey 41
Customer Journey 43
Customer Journey 44
Customer Journey 45
Customer Journey 46
Customer Journey 47
Customer Journey 48
Customer Journey 49
Customer Journey 50

Wirefame

Homepage

Phase 1 homepage wireframes and content suggestions.

ScentAir Homepage Wireframe
ScentAir Homepage Wireframe

Wireframe

Additional Blocks

Potential Phase 2 homepage blocks that offer more content information and flexibility.

ScentAir Additional Blocks Wireframe

Design

Pattern Library

A web UI pattern library is a collection of reusable design components that create consistent and coherent user interfaces. These libraries include things like buttons, forms, navigation menus, and other interface elements.

ScentAir Pattern Library

Moroccanoil

Garden of Life