← Back to PortfolioWebsite Design

Bookly

Online Learning Platform

A friendly e-learning website with course search, categories and trust elements.

IndustryEducation & E-learning
ServicesUI/UX Design, Web Development
ToolsFigma, React
Year2026
Bookly Online Learning Platform design by Digi Plus Service
Project Overview

The Challenge

Online learning platforms can feel cold and complicated. The aim was a friendly design that helps learners find the right course fast.

🎯

Target Audience

Students and professionals who want to learn new skills online at their own pace.

The Goal

What We Set Out To Do

Make online learning feel approachable and help students quickly find the right course.

Our Approach

How We Designed It

Soft pastel colours and a bright purple accent keep things friendly. A big search bar and category chips guide students straight to courses.

Design Process

From Idea To Final Design

01

Discovery

Understanding the business, audience and goals.

02

Wireframes

Planning page structure and user flow.

03

Visual Design

Colours, typography, imagery and UI.

04

Development

Responsive build, testing and launch.

Our Solution

  • Friendly pastel palette with a purple accent
  • Big search bar and topic chips on the homepage
  • Trust elements: rating badge and course count
  • Clear course cards with lesson numbers

Pages & Screens Designed

HomeCourse CatalogueCourse DetailMentorsPricingStudent Dashboard

Key Features

  • Course search and categories
  • Ratings and course stats
  • Mentor and pricing pages
  • Clean, accessible layout

Colour Palette

#1E1B4B
#7C3AED
#EDE9FE
#E0F2FE

Typography

Poppins

What’s Delivered

  • Responsive website design (desktop, tablet, mobile)
  • Design files and style guide
  • WordPress development & setup
  • On-page SEO basics

Want a project like Bookly?

Tell us about your idea and get a free quote today.

Start Your Project