Case Study

Prinker Ecommerce

Reimagining the end-to-end ecommerce experience and content management system for a consumer tech brand.

Prinker Ecommerce

Role

Product Designer

Team

Designer

Timeline

2 months

Tools

Figma, Shopify, Hotjar, GA

Platform

Web / Ecommerce

Industry

Consumer Tech / Ecommerce

01

The Problem

Prinker's existing ecommerce platform suffered from an outdated visual design and a fragmented user journey. The path from product discovery to checkout had multiple friction points that contributed to high cart abandonment rates.

Internally, the marketing team was bottlenecked by an inflexible CMS that required developer support for even minor content updates. Campaign launches were delayed by days, and the disconnect between content and commerce created an inconsistent brand experience.

  • Checkout flow required 6 steps with redundant form fields
  • Product pages lacked social proof and comparison capabilities
  • CMS required technical knowledge to update, creating content bottlenecks
  • Mobile experience was an afterthought with poor responsive behavior

Context & Business Goal

Prinker, an iF Design Award and Red Dot 2020 winner, was entering Ukraine with zero market presence. My partner and I became an official Ukrainian distributor, and needed an e-commerce website to convert curious visitors into buyers of a €300+ device that most people had never seen before. The core challenge wasn't just visual design, it was answering a deeper question: how do you sell something people don't yet understand?

Prinker device with iF Design Award and Red Dot 2020
02

Strategic Approach

Design Process

Discover

Stakeholder interview

Competitive benchmarking

User research

Define

Personas

User journey map

Ideate

Affinity diagram

Site map

Informational architecture

Design

Wireframes

Develop in Tilda

Test

Usability testing

A/B testing

Metrics analysis

Discovery

As the product was innovative with no direct Ukrainian competitors, I conducted stakeholder interviews with the Korean HQ via Zoom calls and email. Their key insight shaped the entire content strategy.

"The most efficient way to attract a customer is to use videos or photos." — Korea Prinker Inc.

Screenshot of email from Korea Prinker Inc.

Competitive Benchmarking

I analyzed two Prinker websites — a local Korean site and the international site — to understand what worked visually and structurally.

Korean local Prinker website screenshot
International Prinker website — personal/professional tabs + exit popup

"The international site's dual-path navigation (Personal / Professional) validated my hypothesis that two separate audience journeys were needed."

User Research

I conducted a screener survey followed by contextual interviews across 3 user types to understand motivations, concerns, and mental models.

3-persona interview cards — event agency owner, tattoo master, personal use
  • Video materials work best as advertisement — the wow-effect drives sales
  • Most sales come from personal-use B2C buyers
  • Business owners need purpose and benefits clearly stated
  • Website needs two paths: For Myself / For Business

User Journey Map

To understand key user touchpoints and identify potential drop-off points, I created a user journey map. It highlights obstacles users may face across the experience and surfaces overlooked gaps. The map also reveals opportunities and solutions that informed product improvements.

User journey map phases and activities
User journey map sentiment and opportunities

Affinity Diagram & IA

Based on user interviews and insights from the Korean branch, I created an affinity map. It organized four core products, key usage scenarios, and common user questions to clarify the information architecture and define the website pages.

Persona

To align stakeholders and keep user goals central throughout design, I built a persona based on the most common customer type — an event agency owner seeking a competitive edge.

Full persona card — "Ann", event agency owner
03

Design Strategy

Adopted a "Mobile-First Commerce" strategy, rebuilding the experience from the smallest screen up. Every interaction was optimized for thumb-friendly navigation and minimal cognitive load during purchase decisions.

For the CMS, the strategy was "Editorial Autonomy" — giving the marketing team full control over content layouts, product storytelling, and campaign pages without requiring any developer involvement.

  • Streamlined checkout from 6 steps to 3 with progressive form validation
  • Component-based page builder for the CMS with drag-and-drop sections
  • Shipping cost calculator visible on product pages, not hidden until checkout
  • Mobile-first responsive grid with touch-optimized interactions
04

The Solution

Final Homepage Design

I designed the homepage to be clean, fast-loading, and education-first — leading with a strong USP headline, product video, and clear dual navigation paths for personal and business buyers.

Final homepage screenshot — dark background, Ukrainian copy, full navigation visible

Logo always returns Home

Dual-language toggle UA/RU

USP headline above the fold

Scroll-to-top persistent button

Discount feature + sale tags on products

Key Design Decisions

Two audience paths

"For Myself" and "For Business" pages eliminated confusion between B2C and B2B visitors, letting each segment find relevant content immediately.

GIFs as onboarding

A 3-step visual loop replaced dense text instructions, showing exactly how the product works in seconds.

Exit-intent popup

A single-question survey ("Why are you leaving?") with 3 answer options captured churn data and informed post-launch iteration.

Exit Intent Popup

To understand why visitors left without buying, I designed an exit-intent popup asking one focused question with 3 predefined answers plus a free-text option. This turned anonymous drop-offs into actionable product data.

Exit-intent popup screenshot — dark overlay, Ukrainian survey form

Guerrilla Usability Testing

Before launch I ran guerrilla usability testing with 5 participants across 5 key tasks — save a product, contact the seller, buy a device, change language, find delivery info.

Guerrilla usability testing matrix — 5 participants x 5 tasks

"Users needed more instructions on product pages and clearer save/wishlist affordances. Both were iterated before launch."

06

Impact

+28%

Increase in conversion rate post-redesign

-35%

Reduction in cart abandonment rate

3.2×

Improvement in content publishing efficiency via CMS

+45%

Increase in average session duration

07

Reflection

What I'd do differently

With more time, I would have A/B tested the two audience paths more rigorously and prioritized mobile wireframes earlier — given that 88% of traffic came from mobile, the desktop-first design process was a misstep I corrected mid-project.

What I learned

Designing for an unknown product means education is the product. Trust signals, visual proof (videos, GIFs, awards), and clear answers to obvious questions outperform feature lists every time.