UX/UI · Raising Cane's
Simplifying QSR Account Management
Account Management Redesign
Restructured a fragmented "My Account" page, reducing cognitive load by 70% through progressive disclosure and logical information architecture. Improved task completion and mobile usability through modular, intentional design.
Reducing Cognitive Load in a Dense Account Experience
The My Account page for Raising Cane's ordering app presented users with a long, unstructured page containing 8+ sections and mixed interaction patterns. By restructuring the information architecture into a modular, categorized system with progressive disclosure, we significantly reduced cognitive load and improved task completion on mobile.
Quick Service Restaurant
UX Designer
UI/UX Design
UX Research
Interaction Design
Information Architecture
Prototyping
Ordering App Users
Account management, profile settings, payment methods, security, and password reset
An Account Page That Worked Against Users
(Flat Information Architecture)
Account management, profile settings, payment methods, security, and password reset
(Cognitive Overload)
8+ distinct sections presented simultaneously with no visual differentiation.
(Poor Mobile Usability)
Dense form fields required excessive scrolling and zooming.
(Inconsistent Patterns)
Text fields, dropdowns, radio buttons, and checkboxes used without a clear mental model.
(No Visual Feedback)
No indication of security status, required fields, or enabled/disabled states.
Simplify, Organize, and Optimize for Breakpoints
(01)
Organize settings into logical, task-based categories
(02)
Implement progressive disclosure to reduce initial cognitive load
(03)
Improve visual hierarchy and scannability
(04)
Create a mobile-first, modular experience
(05)
Add clear security status indicators and visual feedback
(06)
Standardize interaction patterns throughout
Research-Informed Redesign with Iterative Validation
(Research & Insights)
Identified that users struggled to locate settings quickly, found the page visually overwhelming on first visit, and had low confidence in security features due to poor presentation. Mobile users were disproportionately affected.
(IA Restructuring)
Reorganized all content into three logical parent categories — Profile, Security, and Help — based on user mental models and task frequency.
(Progressive Disclosure)
Replaced the flat list with a card-based navigation system where users expand only the section they need, each opening as a dedicated page.
(Component Redesign)
Rebuilt form fields, security flows, and the password reset experience with consistent patterns, clear affordances, and real-time validation feedback.
(Mobile-First Execution)
Applied full-width layouts, touch-friendly targets, and simplified navigation with back-button affordance throughout.
Measurable Gains in Usability and Task Completion
Reduced navigation time to account settings
Improved mobile usability across form interactions
Increased security feature enablement rates
Fewer drop-offs before task completion
Clearer system feedback reduced user confusion and support load
Restructuring from a flat list to a modular, categorized system was the single highest-impact change — it transformed a page that felt like a form into one that felt like a product.
What This Project Taught Me
This project was a great reminder that information architecture is often the most impactful UX lever — more so than visual polish. The original page wasn't broken at the component level; it was broken at the structural level. Untangling that required stepping back from individual UI decisions and asking how users actually think about their account. It also deepened my appreciation for progressive disclosure as a tool for reducing anxiety, not just reducing visual noise. Mobile users especially benefited from the shift toward dedicated pages over one long scroll.
