Milaim Hasanaj

Quickbutik

Quickbutik

Redesign of Quickbutiks onboarding process.

Play prototype

🎯 Project Overview

As part of the course Prototyping for UX Production at EC Utbildning, I worked with the Swedish e-commerce platform Quickbutik. The goal was to improve their onboarding flow — from registration to store launch — with a focus on reducing drop-offs during payment and shipping setup.

🔍 Problem & Insights

Quickbutik had identified two major drop-off points:

  • After registration
  • During payment & shipping setup

Through competitor analysis and a user survey, I uncovered that users needed:

  • Step-by-step clarity
  • Real-time feedback
  • Easy guidance through complex decisions

Research & Benchmarking

Research & Competitor Analysis I studied onboarding flows from Shopify, Wix, Figma, and Google to understand best practices. Key takeaways:

  • Progress indicators help users track steps
  • Pre-filled templates reduce friction
  • Inline help systems increase completion rates
  • Testing and previews keep users confident

User Flow

Visualizing the New Onboarding JourneyBased on research and feedback, I created a new flow to reduce friction.

It prioritized:

  • Clear decision points
  • Feedback loops
  • Simpler payment & shipping setup
  • Key milestones like store launch

Design Iteration & Feedback

Continuous Improvement Feedback highlighted:

  • Progress indicators should be more prominent
  • Complex steps needed smaller, digestible chunks
  • Navigation should remain visible and not blurred

I iterated on the prototype, refining both layout and instructional content.

Ideation & Sketching

From Lo-fi to Mid-fi I started with hand-drawn wireframes and digital sketches. Two concepts (A & B) were tested with A/B testing. 👉 Option B, with inline guidance and pop-up tips, won 4/5 votes.

✅ Final Prototype & Features

User Pain Points:

  • Support felt hidden and hard to access.
  • Zone codes, payments, and parking duration caused frequent confusion.
  • No in-app Q&A or intuitive self-service options.
  • Limited visibility led to low usage of help content.

Proposed Solutions:

  • Add a virtual assistant (chatbot) for 24/7 support.
  • Introduce a dedicated support icon in the navigation bar.
  • Redesign Q&A as a swipe-based, intuitive flow.
  • Use dropdowns and progressive disclosure to reduce clutter.

Challenges Faced:

  • Balancing between chatbot, Q&A, and live support.
  • Limited team resources and time.
  • Translating theoretical IA concepts into practical design.

Learnings & Impact

We began with brainstorming sessions and rapid paper sketches, allowing us to explore ideas without technical constraints.

  • Early lo-fi sketches clarified direction.
  • Concepts were iterated into Balsamiq wireframes.
  • Team collaboration ensured we stayed aligned with user needs.

This iterative approach gave us confidence before moving into hi-fi prototyping.

Play prototype

Read It

Milaim Hasanaj

Quickbutik

Quickbutik

Redesign of Quickbutiks onboarding process.

Play prototype

🎯 Project Overview

As part of the course Prototyping for UX Production at EC Utbildning, I worked with the Swedish e-commerce platform Quickbutik. The goal was to improve their onboarding flow — from registration to store launch — with a focus on reducing drop-offs during payment and shipping setup.

🔍 Problem & Insights

Quickbutik had identified two major drop-off points:

  • After registration
  • During payment & shipping setup

Through competitor analysis and a user survey, I uncovered that users needed:

  • Step-by-step clarity
  • Real-time feedback
  • Easy guidance through complex decisions

Research & Benchmarking

Research & Competitor Analysis I studied onboarding flows from Shopify, Wix, Figma, and Google to understand best practices. Key takeaways:

  • Progress indicators help users track steps
  • Pre-filled templates reduce friction
  • Inline help systems increase completion rates
  • Testing and previews keep users confident

User Flow

Visualizing the New Onboarding JourneyBased on research and feedback, I created a new flow to reduce friction.

It prioritized:

  • Clear decision points
  • Feedback loops
  • Simpler payment & shipping setup
  • Key milestones like store launch

Design Iteration & Feedback

Continuous Improvement Feedback highlighted:

  • Progress indicators should be more prominent
  • Complex steps needed smaller, digestible chunks
  • Navigation should remain visible and not blurred

I iterated on the prototype, refining both layout and instructional content.

Ideation & Sketching

From Lo-fi to Mid-fi I started with hand-drawn wireframes and digital sketches. Two concepts (A & B) were tested with A/B testing. 👉 Option B, with inline guidance and pop-up tips, won 4/5 votes.

✅ Final Prototype & Features

User Pain Points:

  • Support felt hidden and hard to access.
  • Zone codes, payments, and parking duration caused frequent confusion.
  • No in-app Q&A or intuitive self-service options.
  • Limited visibility led to low usage of help content.

Proposed Solutions:

  • Add a virtual assistant (chatbot) for 24/7 support.
  • Introduce a dedicated support icon in the navigation bar.
  • Redesign Q&A as a swipe-based, intuitive flow.
  • Use dropdowns and progressive disclosure to reduce clutter.

Challenges Faced:

  • Balancing between chatbot, Q&A, and live support.
  • Limited team resources and time.
  • Translating theoretical IA concepts into practical design.

Learnings & Impact

We began with brainstorming sessions and rapid paper sketches, allowing us to explore ideas without technical constraints.

  • Early lo-fi sketches clarified direction.
  • Concepts were iterated into Balsamiq wireframes.
  • Team collaboration ensured we stayed aligned with user needs.

This iterative approach gave us confidence before moving into hi-fi prototyping.

Play prototype

Read It

Milaim Hasanaj

Quickbutik

Quickbutik

Redesign of Quickbutiks onboarding process.

Play prototype

🎯 Project Overview

As part of the course Prototyping for UX Production at EC Utbildning, I worked with the Swedish e-commerce platform Quickbutik.

The goal was to improve their onboarding flow — from registration to store launch — with a focus on reducing drop-offs during payment and shipping setup.

🔍 Problem & Insights

Quickbutik had identified two major drop-off points:

  • After registration
  • During payment & shipping setup

Through competitor analysis and a user survey, I uncovered that users needed:

  • Step-by-step clarity
  • Real-time feedback
  • Easy guidance through complex decisions

Research & Benchmarking

Research & Competitor AnalysisI studied onboarding flows from Shopify, Wix, Figma, and Google to understand best practices. Key takeaways:

  • Progress indicators help users track steps
  • Pre-filled templates reduce friction
  • Inline help systems increase completion rates
  • Testing and previews keep users confident

User Flow

Visualizing the New Onboarding JourneyBased on research and feedback, I created a new flow to reduce friction.

It prioritized:

  • Clear decision points
  • Feedback loops
  • Simpler payment & shipping setup
  • Key milestones like store launch

Ideation & Sketching

From Lo-fi to Mid-fi I started with hand-drawn wireframes and digital sketches. Two concepts (A & B) were tested with A/B testing. 👉 Option B, with inline guidance and pop-up tips, won 4/5 votes.

Design Iteration & Feedback

Continuous Improvement Feedback highlighted:

  • Progress indicators should be more prominent
  • Complex steps needed smaller, digestible chunks
  • Navigation should remain visible and not blurred

I iterated on the prototype, refining both layout and instructional content.

Final Prototype & Features

User Pain Points:

  • Support felt hidden and hard to access.
  • Zone codes, payments, and parking duration caused frequent confusion.
  • No in-app Q&A or intuitive self-service options.
  • Limited visibility led to low usage of help content.

Proposed Solutions:

  • Add a virtual assistant (chatbot) for 24/7 support.
  • Introduce a dedicated support icon in the navigation bar.
  • Redesign Q&A as a swipe-based, intuitive flow.
  • Use dropdowns and progressive disclosure to reduce clutter.

Challenges Faced:

  • Balancing between chatbot, Q&A, and live support.
  • Limited team resources and time.
  • Translating theoretical IA concepts into practical design.

Learnings & Impact

We began with brainstorming sessions and rapid paper sketches, allowing us to explore ideas without technical constraints.

  • Early lo-fi sketches clarified direction.
  • Concepts were iterated into Balsamiq wireframes.
  • Team collaboration ensured we stayed aligned with user needs.

This iterative approach gave us confidence before moving into hi-fi prototyping.

Play prototype

Read It