Web/Guru

Cheggl case study: an AI-powered video business directory for Germany

Case studyGermany2025–2026SaaS web appAI searchUI/UX design

Visit cheggl.com
Cheggl's Hot Spots home page on an iMac, an iPhone and an iPad
Cheggl company dashboard sidebar with the Manage Companies item highlighted in violet above the Campaign, Segments and Campaigns menu

About the Project

Cheggl is a German video business directory, a Videobranchenbuch: local companies present themselves with video, and people find them by industry, by city or with a search in their own words, then browse their reels, jobs, events and recommendations. We designed and built the web platform behind it: the public directory with hybrid AI and voice search, the company dashboard where a business builds its profile, uploads videos, publishes jobs and events and runs email campaigns, and the admin console where Cheggl's team approves companies and ads, curates industries and recommendations, and reads the analytics.


Project
Cheggl
Industry
Video business directory / AI search
Platform
Responsive web platform (desktop + mobile)

02The starting point

The problem

Problem 1

A listing says little about a business

A classic business directory shows a name, an address and a star rating. Before calling a workshop, a salon or a gym, people want to see the place, the team and the work, and a text listing gives a company nowhere to show it.

Solution

A directory built around video

Every company on Cheggl gets a profile that leads with its own videos, next to its jobs, events, reviews and contact details. Search sits on top: type or speak a request, and keyword and vector matching find the businesses that fit, closest first.

Problem 2

Keyword search misses what people mean

People search in their own words, like “someone who fixes old bikes near me”, while companies describe themselves in trade terms. A plain keyword search finds nothing for that request, even when the right workshop is listed two streets away.

03Challenges

Business challenges

  1. Two audiences on one platform

    Consumers come to find a business; companies come to be found. The public site has to stay a quick directory for the first group while giving the second a clear way in: the For Companies entry, registration and a dashboard of their own.

    Cheggl header detail: the violet For Companies button and account icon on a clean white bar
  2. Every listing checked before it goes live

    Companies, ads and recommendations pass through Cheggl's admin console before they appear in the directory. Approval had to be quick for the team, with a clear status for every listing, so the directory grows without losing quality.

    Add New Recommendation page in the Cheggl admin console: a small breadcrumb over a large violet heading and a Title field
  3. Content the team runs without developers

    Industries, recommendations and hot spots change all the time. In the admin console Cheggl's team adds and edits them, with titles, category images, icons and links, so the directory stays current without a code change.

    The full Add New Recommendation form in the Cheggl admin console, with title, category image and icon upload fields on a light background

04Vision

Six surfaces, one system

Serve four kinds of user properly instead of averaging them into one compromised interface.

05Research

The Process

  1. Discover

    • Product Research
    • User Personas
    • Business Requirements
    • Problem Identification
  2. Strategy

    • Information Architecture
    • User Flows
    • Feature Planning
    • Module Structure
  3. Design

    • Wireframes
    • Design System
    • UI Exploration
    • High Fidelity Screens
  4. Develop

    • Frontend Implementation
    • Responsive Layouts
    • Component Development
    • Performance Optimization
  5. Deliver

    • Quality Assurance
    • Final Assets
    • Deployment
    • Documentation

Admin console screens

Cheggl admin: Manage Ads list with status, budget, impressions and clicks per company
Cheggl admin: Verify new ads, with notifications and a display advertisement awaiting approval
Cheggl admin: Manage Industries list with edit and delete actions
Cheggl admin: company profile marked Active, with page views, active campaigns and analytics
Cheggl admin dashboard: Manage companies table with status, location, membership and industry for 1,398 companies
Cheggl admin: company profile marked Offline, with page views, active campaigns and analytics
Cheggl admin: Add New Recommendation form with title, category image, icon and link
Cheggl admin: Manage Industries with an inline field to add a new industry
Cheggl admin: Monitoring overview with a client satisfaction gauge
Cheggl admin: Manage Recommendations list of tourism listings

06UI Design

Dashboard

Cheggl admin dashboard showing the Manage companies view: a sidebar with campaign and shop modules, a searchable company table and an export button

The admin console's Manage companies view: one searchable table with the status, location, membership and industry of every company, filters on top and an export for the team's own reporting.

Dashboard features

  • Close-up of the Cheggl sidebar: the logo, a highlighted Manage Companies item and the Campaign, Segments and Campaigns links

    Seamless Sidebar

  • Cheggl Manage companies screen with a clear sidebar, search and filters above a company table

    User Friendly Design

  • Three stacked metric cards for video views, company views and ad impressions

    Minimal Metric cards

  • An advertising overview bar chart above a line chart comparing ads, companies, events, jobs and videos over time

    Easy to read graphs, charts

07Path

User Flow

  1. Registration
  2. Company Creation
  3. Approval
  4. Module Completion
  5. Tier Upgrade
  6. Discovery
Cheggl login screen: e-mail and password fields with a Sign in button beside a photo of a smiling user with a laptop
Company setup step My Videos: upload a business video in a six-step wizard, with a live preview of the company page

Cheggl mobile app screens

  • Cheggl mobile home: search, popular searches, industries and reels
  • Company profile Jobs tab with a Sales Agent listing and local weather
  • Business profile for a garden centre with rating, contact details and share button
  • Sales Agent job ad with company contact details and an Apply button
  • Company video gallery above the About us tab
  • Nearby businesses with an inline video player and business details
  • Business video, services list and local weather card
  • Cheggl splash screen with the white logo on violet
  • Farm shop profile listing its services, with video and weather
  • Business location map with Google reviews and nearby listings
  • Cheggl GmbH profile with opening hours, contact links and social icons
  • Find your company screen with a registration prompt and site footer
  • Carmat Store profile with rating, address, map link and share options
  • About us tab with a map, nearby and frequently searched businesses
  • Company Services tab listing video production and marketing services

08UI Design

Mobile Experience

Most people look for a local business on their phone, so the directory's search, company profiles, reels and job applications were laid out for the small screen first.

Cheggl on an iPhone: company cards, industries and latest videos
Cheggl search on an iPhone, suggesting companies and cities as you type

Mobile features

Close-up of the Cheggl app icon in the iPhone dock, next to Music and Settings
iPhone home screen with the Cheggl app among the built-in apps
Cheggl on an iPhone: recommendations, recent projects and top info, laid out for a small screen
Responsive design
Company onboarding form on an iPhone, with an illustration and a location map
Seamless Onboarding
Business profile on an iPhone with header video, categories, checkout and map
The whole platform, in a pocket
iPhone tilted toward the viewer, showing the violet Cheggl splash screen

09Every module reports back

Analytics

Views, search terms, job and event performance, ad analysis, video analysis, shop revenue — measured where the work happens.

Cheggl admin dashboard on a laptop: Overall Summary with company views, video views, ad impressions and a monthly views chart
Video views card with its date range
Company views card with its date range
Ad impressions: 5.747, from 2022-12-31 to 2026-01-30
Line chart of monthly views for ads, companies, events, jobs and videos
Advertising overview bar chart by ad type, placement, position and status
Metric cards for video views, company views and ad impressions
Advertising overview bar chart above the monthly views line chart
Analytics modules: Overall, Video, Advertising, Job and Event Analysis

Every module reports back

Each part of the directory reports its own numbers: company and video views, search terms, job and event performance, and ad impressions by type, placement and status. Cheggl's team reads them in the admin console's analysis modules instead of exporting data into a separate tool.


Supports

  • Overall Analytics
  • Video Analytics
  • Advertising Analysis
  • Job Analysis
  • Event Analysis
Try it now! (opens cheggl.com in a new tab)
Cheggl search bar with a microphone button: typing “video” suggests matching businesses such as TV – Video – HiFi Hauschild in München and Calumet Photo Video Berlin
Cheggl “Über uns” company profile editor with H1, bold and an AI button that drafts the about text

Search that understands what people mean

Keyword relevance fused with vector similarity, so a spoken “someone who fixes old bikes near me” finds the right workshop even when nobody wrote those words. The same AI layer runs behind the global search bar and helps companies write their profile texts in every input field across the platform.


Supports

  • Global Search
  • Overall Input fields

11Design System

Typography

Cera Pro pairs geometric clarity with warmth: modern, clean and true to Cheggl's friendly, local voice.

Cera Pro

  • 12px
  • 16px
  • 20px
  • 24px
  • 30px
  • 32px

Heading - Body

CHEGGL set in Cera Pro Black
CHEGGL set in Fugaz One, the logo face

Fugaz One

  • 64px

Logo

Color Scheme

Minimal and eye-catching, never eye-straining: two violets lead, and a lime spark marks what matters.

Don’t miss a new work

A hand holding an iPhone showing the Cheggl splash screen
Webguru.pk