~/ SCOOTER SHOP next case

SIP SHOP
Scooter

[ webshop ]
www.sip-scootershop.de
Design System
08/2017 - 12/2018
  • UX/UI |
  • Web |
  • Mobile |
  • System |
  • [x]

The best stories are written on the Road -
SIP SCOOTERSHOP new UI Interface User Journey for B2B and B2C

Situation

  • no Desktop Screen Inventory
  • no responsive Design
  • not mobile accessible
  • no Design System

Task

  • Desktop Story Board
  • Data Base Structure
  • Competetive Research
  • Design System
  • A/B Test Scenarios

Action/Result

  • Map Use Cases
  • Map Information Architecture
  • UI Screen Overview
  • Feasability Priorisation
  • UI Design Components

Team

  • UI Design
  • PM
  • Dev Team 5x

+++++++ Sip Business Vision

SIP Scooter Shop Re-Design
in Conversion Uplift, Performance and Style

  • Leading Onlineshop: Accesoires, spare parts and tunings for classic vespa and modern automatic scooters.
    We offer parts for virtually all models of the major manufacturers, e.g. PIAGGIO, VESPA, LAMBRETTA, APRILA, YAMAHA, BMW, MBK, HONDA, PEUGEOT and more.
  • Brand Purpose: The business purpose of SIP Scootershop is to be a leading global provider of scooter parts, accessories, and tuning products, primarily focused on classic Vespa and modern scooters. SIP Scootershop aims to be more than just a parts dealer—they're a hub for the scooter lifestyle, combining commerce, technical expertise, and cultural passion.
  • Web Architecture: The old Interface Design and Information Architecture is overwhelming and outdated considering modern trends. Its hard for users to search for specific products or categorys. There is no visual hierachy in text and layout style or about product specifications (eg. discounts or special offers).
  • UX Experience Gap:"The website layout hierachy is functional and serves the shopping purpose, which is not mainly a wrong approach - Design is subjective, somehow. I accelerated the story into a full visual concept to speak "visually" with rich use of images.
  • Re-Design Solution: I analysed the Interface and Customer Journey and took over the Re-Design of the Webshop and created a First Design System and Design Workflow with Invision. Improving the Customer Journey for B2B and B2C.
  • We want to test our assumptions, transforming the visual messaging into a more powerful modern solution.
    -driving CRO and revenue
    - giving clarity in its Word Conventions,
    - reducing unnecessary friction
    - making search functionality clear which products match

We started with a Story Board Analysis , User Storys and User Task Screen overview

We are not just a shop, we are a lifestyle passion amplifier,

  • Business as a Lifestyle: To truly connect with and serve SIP Scootershop's users, we need to step into their mindset and design with their goals, frustrations, and lifestyle in mind.
  • Supporting a way of Living: Empathy means designing not just for the transaction—but for the whole experience: the excitement of restoring a 1982 PX, the frustration of a wrong bolt, the joy of that first ride. SIP Scootershop isn’t just selling parts—it’s supporting a way of life.
  • Community Platform:
    We’re not just building a parts finder.
    We’re building a community platform, a solution-finder, a problem-solver, and a passion amplifier. Where storyes are shared and tips are rated. To always deliver trustful support.

The Customer Experience,
its where the SIP SHOP business shows true value

the Core of the business
is the Scooter Classification Inventory and Database

Search and Filter functionality is at it hearts of the E-commerce shop

Created a design component library as a shared source for the development team.

Covered edge cases, which will not be missed during the development process.

Improvements' Highlights & Quick Views of the article detail sale pages

Re-Design Key Takeaways
  • Being involved in that evolving stage of Project Development was a great learning delight, and seeing the project workflow expanding, even while working remotely was a hudge pleassure and a well treat for my work-life-balance.
  • 1. Improved User Experience (UX):
    Streamlined navigation: Easier product discovery and clearer categorization.
  • 2. Enhanced Visual Design UI:
    A more modern, cohesive aesthetic aligned with the SIP brand.
    Better use of images, typography, and layout to engage users and showcase products.
  • 3. Higher Conversion Rates:
    Simplified checkout process reducing cart abandonment.
    Improved product pages with detailed descriptions, availability info, and dynamic filtering.
  • 4. SEO and Performance Boost:
    Redesign included technical SEO improvements and faster site speeds, improving search rankings and organic traffic.
  • 5. Internationalization Support:
    Better support for multiple languages and currencies to serve SIP's global customer base.
  • 6. Integration with Inventory & Logistics:
    Enhanced workflow integration for real-time updates on Design Files.
  • You Tube Video: https://www.youtube.com/watch?v=isu0zH1T16Q&t=219s

next Project,
RAZOR GROUP

next project