Cheggl Shop case study: a video production shop for German businesses
Case studyGermany2025–2026E-commerceStripe paymentsUI/UX design
Visit the Cheggl shop
About the Project
Cheggl Shop is where companies order professionally produced video from Cheggl. Ready-made formats such as reels, a brand intro or an event highlight cut sit next to add-ons and 3, 6 and 12-month video plans, each with a fixed price shown before checkout. We designed and built the shop's landing page, the order flow from plan to package to request, Stripe checkout, and the back office where Cheggl's team manages products, categories, add-ons, orders, customers and subscriptions.
- Project
- Cheggl Shop
- Industry
- Video production / E-commerce
- Platform
- Web shop + back office (desktop + mobile)
02The starting point
The problem
Custom video is hard to buy
Video production is usually sold case by case: a call, a brief, an offer, then a wait. A small business can't see what a video involves, what it costs or how long it takes until it has already asked.
Video sold like a product
Fixed formats with a clear scope, an express route with delivery in 48 hours, and plans for regular content, each ordered and paid for online through Stripe and tracked until the finished video is handed over.
One-off orders and plans side by side
Cheggl sells single videos, add-ons and recurring plans. Each order has its own payment, production status and delivery, and the team needs all of them in one list, from pending to completed.
03Challenges
Business challenges
Earning trust before the first order
A buyer pays before seeing the video. So the page answers the questions that decide an order, how fast, how good and what it costs, before it asks for anything: fast delivery, professional quality, fixed and transparent prices.
Selling a year of content, not one clip
A plan only sells if the year feels planned. The annual plan is laid out in four steps, from booking to handover, so twelve videos read as a schedule rather than an open-ended commitment.
One catalogue behind every offer
Ready-made offers, add-ons and plans come from the shop's own catalogue, which Cheggl's team manages in the back office under My Products, Categories and Add-ons, so the range changes without a developer.
04Landing Page
The Website
A promise, not a pitch
Filmed, edited and delivered in 48 hours at a fixed price: the whole offer fits the first screen, with one call to action.
Ready-made formats
From a 30-second brand intro to an event highlight cut, each format shows its fixed price, a preview and a direct booking button.
Subscriptions for steady content
3, 6 and 12-month video plans side by side, with the longest plan set apart as the best value.
Trust in three promises
Fast delivery, professional quality and fixed, transparent prices, each backed by one short line of proof.
Two routes to a finished video
An express route (pick a format, it gets made, it arrives in 48 hours) beside a guided route with briefing, preparation, production and delivery.
Twelve videos, one year
The annual plan in four steps, from booking to handover, so a year of content reads as planned rather than open-ended.
Answers before objections
Usage rights, choosing a format, plan flexibility, who does the work and how fast results arrive, in one accordion.
One last nudge
A final call to action, then a footer with the contact routes, the hotline and the legal pages.
05Back office
The shop back office
Cheggl's team runs the shop from its own back office: orders, revenue, active products and pending orders on the first screen, with quick actions and the latest orders below.
06Research
The Process
Discover
- Offer Research
- Buyer Questions
- Business Requirements
- Order Types
Strategy
- Landing Page Structure
- Order Flow
- Plans & Add-ons
- Back Office Modules
Design
- Wireframes
- Design System
- Landing Page UI
- Back Office Screens
Develop
- Storefront Pages
- Stripe Checkout
- Order Tracking
- Back Office
Deliver
- Quality Assurance
- Final Assets
- Deployment
- Documentation
The Cheggl shop dashboard
07UI Design
Dashboard
The Shop Dashboard is the back office's start screen. The sidebar leads to products, orders, customers, categories, add-ons, analytics, videos and subscriptions, and every order shows whether it is pending or completed.
Dashboard features
Seamless Sidebar
User Friendly Design
Minimal Metric cards
Easy to read graphs, charts
08Path
User Flow
- Select a Plan
- Choose Package
- Product Selection
- Send Request
- Approval
09Design System
Typography
The shop speaks in Cera Pro like the rest of Cheggl: big, clear headlines for offers and plans, light body copy for scope, delivery and terms.
Cera Pro
- 12px
- 16px
- 20px
- 24px
- 30px
- 32px
Heading - Body
Fugaz One
- 64px
Logo
Color Scheme
The shop keeps Cheggl's palette, so ordering a video feels like part of the same brand: two violets lead, and a lime spark marks the offer that matters.
