Redesigning a Website
Our mission was to reimagine Toronto Cupcake's website, creating a visually captivating and user-friendly platform. With a focus on aligning the design with their brand identity, we aimed to provide an immersive experience that engages visitors and simplifies the ordering process.
My Role: UX/UI Designer
Timeframe: 2 Weeks
Tools: Figma, Photoshop, Slack, Zoom
Before redesigning the Toronto Cupcake website, our team conducted in-depth discussions and analysis to understand the company's challenges, goals, and user pain points. This collaborative approach ensured our solution aligned with user needs and business objectives. We meticulously examined user profiles, feedback, and business requirements to create an optimized user experience.
We set clear goals aligned with Toronto Cupcake's vision and analyzed industry best practices and competitors to inform our redesign. This research-driven approach ensured our design met user needs and industry standards.
Objectives: What are we doing?
The aim of this project:
1. Identify “heuristic violations” on an existing website
2. Recommend possible solutions for the violations.
At the end of this evaluation, we hope to
-Identify usability issues that could negatively impact the user experience.
-Improve user satisfaction by addressing usability issues.
-Enhance brand reputation.
-Prioritize design improvements.
Usability Heuristics: What are they?
Heuristics are a set of general principles and guidelines used in design to evaluate the usability and user-friendliness of digital products.
The heuristics/principles are:
-Visibility of system status
-Match between system and the real world
-User control and freedom
-Consistency and standards
-Error prevention
-Recognition rather than recall
-Flexibility and efficiency of use
-Aesthetic and minimalist design
-Help users recognize, diagnose and recover from errors
-Help and documentation
Usability Heuristics:The Rating Scale
While evaluating the site, This is how we decided to grade any issue found using a 5 point grading system from 0-4.
Task flow
The sequence of steps a User takes to accomplish their objective
Home Screen
Menu Bar
Cupcake Screen
Checkout Screen
Billing Info Screen
Confirm Order Screen
Design Matrix
After addressing screen-specific issues, we conducted usability analysis using a matrix framework. Through data-driven insights from testing, we optimized design decisions, prioritizing user-centricity for an enhanced user experience.
Mood board
We created a comprehensive moodboard to curate inspirational websites and key features that address the identified issues in our website design. This process served as a valuable reference point, guiding us toward user-centric solutions and improved design outcomes.
Final result
Upon meticulous analysis and insightful inspiration from successful websites, our team proudly presents the vibrant and user-centric redesign of our website. Through collaborative efforts and a sprinkle of creativity, we've crafted a digital masterpiece that is both professional and fun! Get ready to embark on an immersive journey through delightful visuals, intuitive navigation, and a captivating user experience that leaves a lasting impression.
Redesigned Homescreen
Before and After
Redesigned Cupcake Screen
Before and After
Redesigned Shopping Cart Screen
Before and After
Redesigned Billing Information Screen
Before and After
Payment method, confirmation Screen
Before and After
Thank you Screen
Before and After
Our UX redesign for Toronto Cupcake has been a resounding success. Despite tight timelines, we exceeded our goals through meticulous research and user-centric design. The new website seamlessly blends aesthetics and functionality, enhancing user journeys and satisfaction.
Positive feedback and improved metrics confirm the effectiveness of our data-driven approach. Our dedication to understanding user needs has shaped an intuitive and enjoyable experience, validating our commitment to UX excellence.
This project sets a strong foundation for future endeavors, reaffirming our dedication to exceptional user experiences and continuous improvement.