In my portfolio, I have showcased three case studies where I managed the entire UX/UI design process from inception to completion. These case studies involved conducting stakeholder consultations to align design goals with business objectives, performing competitor analysis to identify trends and improve user engagement, and creating low-fidelity wireframes and high-fidelity prototypes in Figma and Adobe XD to optimize user pathways. I also integrated accessibility standards (WCAG 2.0, AODA) to ensure inclusive designs and conducted usability testing to refine the user experience based on feedback. Additionally, I incorporated motion graphics and UX/UI principles to enhance visual storytelling across digital platforms, leading to improved product visibility and sales growth.
Case Studies
FurnitureFusion
FurnitureFusion is a furniture shopping app designed to enhance the user experience by offering features like virtual placement tools, user reviews, and seamless purchasing options.
Northern Xscape Rentals
Navigating life’s intricate fabric, choices unfold paths to the extraordinary, demanding creativity, curiosity, and courage for a truly fulfilling journey.
Tasktracker
Navigating life’s intricate fabric, choices unfold paths to the extraordinary, demanding creativity, curiosity, and courage for a truly fulfilling journey.
FURNITUREFUSION
The FurnitureFusion mobile app aims to make shopping for furniture more accessible and convenient for users.
The Comparison Table Page is a critical feature that allows users to filter their search results based on their preferences and compare furniture pieces.
The app also features AR Vision, which enables users to visualize furniture pieces in their homes using their smartphone’s camera.
Floor plans another useful feature of FurnitureFusion is the ability to upload floor plans, which helps users visualize how different furniture pieces would fit in their space and plan their layout more effectively.
Overall, the app’s design and functionality provide users with the tools they need to make more informed decisions about their furniture purchases and optimize their home design.
Case Study
Product Roadmap
A product roadmap is a strategic plan that outlines the vision, goals, and timeline for a product’s development and growth. It helps align teams by mapping out key features, milestones, and priorities to ensure a clear and structured progression, enabling better decision-making and resource allocation.
Survey
The FurnitureFusion survey revealed that the biggest challenges in furniture shopping are assessing quality and comfort (40%) and concerns about return policies and customer service (40%). To enhance the experience, respondents favored features like free shipping/returns (60%), user reviews (40%), virtual placement tools (40%), better pricing options (50%), and a wider selection of styles (40%).
Wireframes Sketches
Competitive analysis helps identify strengths, weaknesses, and opportunities by comparing key competitors. In this study, Wayfair, Ashley, and Amazon were assessed based on features like filtering, VR vision, and live chat, revealing gaps in advanced functionalities such as VR integration and comparison tables. These insights guide businesses in improving their offerings to enhance user experience and stay competitive.
Persona
A persona is a fictional representation of a target user, created based on research to understand their needs, behaviors, and goals. It helps designers and businesses tailor products and experiences to better meet user expectations.
Wireframes Sketches
User flow outlines the step-by-step journey a user takes to complete a task within a product, ensuring a seamless and intuitive experience. It typically includes key stages such as onboarding, browsing, selecting a product, adding it to the cart, and completing the purchase. A well-structured user flow enhances usability by minimizing friction, guiding users efficiently, and improving overall satisfaction.
User
The user seeks a seamless shopping experience where they feel comfortable, satisfied, and confident in their purchase decisions. They rely on customer reviews, ratings, and product categories to visualize and compare options before buying. Their main concerns include affordability, convenience, and having enough options to make an informed choice while minimizing regret.
Storyboard
A storyboard visually maps a user’s journey, highlighting key steps, emotions, and challenges to improve design decisions and user experience. This storyboard gives a specific situation, showing the convenience and flexibility the app will support
the user at any time.
Wireframes Sketches
Wireframe sketches are (low-fidelity) visual representations of a product’s layout, structure, and functionality, helping to define user flow and interface elements. They serve as a blueprint for designers and developers to align on key features before moving to high-fidelity designs.
Comparison Table
The FurnitureFusion mobile app aims to make shopping for furniture The design exploration aims to provide users a convenient and
personalized shopping experience, allowing them to visualize furniture in their homes before purchasing. This opportunity is worth pursuing as
it can significantly reduce the risk of dissatisfaction and returns, as userscan preview how furniture items would look in their space and ensure they match their existing decor.
Low Fidelity Wireframes
Comparison Table
Comparison Table
Northern Xscape Rentals
Northern Xscape Rentals, a jet ski and snowmobile rental company with three branches in Ontario, is seeking a modern app to replace its outdated website. The new app will allow users to sign up, log in, view rental details, receive safety tips, book vehicles, and manage their rental history. After booking, users will see a confirmation page and receive an email with reservation details, contact info, and a map of the selected branch.
Problem
Currently, the company’s outdated website is the only way for customers to rent equipment, but it often malfunctions, leading to frustration and potential loss of customers. The booking system frequently experiences errors and becomes overwhelming to use. Additionally, the website lacks a user login feature, meaning customers cannot access their booking history and must repeatedly enter their information for each reservation.
Solution
Developing a modern mobile app will enhance customer experience and streamline the rental process. The app will allow users to choose between jet skis and snowmobiles, check prices, and search for available time slots. It will also provide details on all three branch locations, including addresses, working hours, and available equipment. Users will be required to sign up and log in, enabling them to save personal details, track their booking and payment history, and access past rentals. Before confirming a reservation, users must review and agree to rental details and safety guidelines. Once booked, they will receive a confirmation email with reservation details, branch contact information, a map, and the cancellation policy.
MOBILE APP AND BRAND DESIGN
A project that focuses on showcasing UX and UI design through a mobile app could provide a platform to demonstrate user-centered design principles, visual design techniques, and interactive prototyping methods.
Case Study
Product Roadmap
A product roadmap is a strategic plan that outlines the vision, goals, and timeline for a product’s development and growth. It helps align teams by mapping out key features, milestones, and priorities to ensure a clear and structured progression, enabling better decision-making and resource allocation.
Wireframes Sketches
Competitive analysis helps identify strengths, weaknesses, and opportunities by comparing key competitors. In this study, Wayfair, Ashley, and Amazon were assessed based on features like filtering, VR vision, and live chat, revealing gaps in advanced
Persona
A persona is a fictional representation of a target user, created based on research to understand their needs, behaviors, and goals. It helps designers and businesses tailor products and experiences to better meet user expectations.
Through a structured UX/UI design process, I first identified the core problem by analyzing user pain points and challenges. I then developed a solution that addressed these issues, ensuring a seamless and user-friendly experience. By conducting competitive analysis, creating user personas, and mapping out user flows and storyboards, I gained a deeper understanding of user needs and behaviors. This foundation allowed me to design wireframe sketches, followed by low-fidelity wireframes to establish layout and functionality. Finally, I refined the design through high-fidelity wireframes, ensuring a visually appealing and intuitive interface. This comprehensive approach enabled me to execute the UX/UI process from inception to completion effectively.
Low & High Fidelity Wireframes
Tasktracker
MOBILE APP AND BRAND DESIGN
A project that focuses on showcasing UX and UI design through a mobile app could provide a platform to demonstrate user centered design principles, visual design techniques, and interactive prototyping methods.
TaskTracker is a mobile app designed to help users efficiently plan, organize, and track their tasks and projects. This UX/UI case study showcases the user-centered design approach, focusing on intuitive navigation, visually structured task management, and seamless interactive experiences. Through extensive research, including user personas, competitive analysis, and user flows, the app ensures an optimized workflow tailored to various productivity needs. The design process involved wireframing, prototyping, and usability testing to create a clean, responsive interface that enhances task prioritization and collaboration. TaskTracker aims to simplify productivity by providing users with an efficient, visually engaging, and user-friendly platform to manage their daily schedules and long-term projects effortlessly.
Nazanin Jampour 