Courtney Chan

Sortara

Revolutionize Multi-Platform Organization With A.I.

Role
UX/UI Designer and Brand Designer
Company
Sortara Startup
Timeline
5 month contract
Team
Project Manager, WordPress Web Developer, Software Developers, Backend Developers, CEO, & CTO
Tools
Figma, Adobe Illustrator, Jira, Confluence, Slack, Zoom, Statista, and Google Drive
Deliverables
Mobile low/high fidelity wireframes, web low/high fidelity wireframes, user admin web view, marketing WordPress website, design system, and 2D/3D prototypes.
Sortara cover with high fidelity screens of the list creator and AI tools

Constructing this new brand from the ground up

The CEO of Sortara had many ideas for the brand during the initial design phase. Without a brand, there would be no foundation for the application. After 2 months of collaboration with her marketing team and conducting research, we evolved the brand in parallel to designing the app.

Sortara list creation and management screen
Effortlessly transforming chaos into order, making list creation and management a breeze.
Sortara Quick Save
Quick Save allows for quick captures of items for sorting later.
Sortara AI Suggestion
AI Suggestion highlights to users what they can include in their lists.
Sortara AI Sort Build
AI Sort Build generates lists based off user input within the search engine.
Sortara AI Smart Sort
AI Smart Sort presents the option to manually or automatically sort.
Sketches for Sortara
Sortara App Store screen 1 Sortara App Store screen 2 Sortara App Store screen 3 Sortara App Store screen 5

Branding Research

Partnered with Favoured - Digital Marketing Agency

snapshot of data collected by google analytics for brand research favoured marketing team rainbow logo

Strategy

Three user personas, three brand identities, and combine best qualities of successes

user personas
creative to test - brand 1 experiments with light blue and pink colors in the branding creative to test - brand 2 experiments with dark navy blue and vibrant purple colors in the branding creative to test - brand 3 experiments with light blue and bright purple colors in the branding Snapshot of the reportings and graphs Snapshot of the efficiency of each brand Final reportings of the brand test

High Fidelity Wireframes

High fidelity mockup of the AI tool in mobile
WordPress mockup
Mockup of the admin site

If I could go back in time, what would I do differently?

Due to the complexity of the application and its admin portal, I would’ve constructed a more robust information architecture map of the overall application. This push would’ve helped resolve a lot of concerns that arose in the beginning stages of the design phase. The client had introduced an idea for a product she didn’t have a firm vision of so to guide her through the process took longer than the usual timeline. Since this client was more objective orientated, an information architecture map that could be iterated on would’ve saved a lot of time and efficiency.