Skip to content
← All work

Mostai

Training catalogue website

Mostai home page
Client
Mostai
Role
Developed the site
Tools
WordPress, Claude Code
Type
Training catalogue website

About the project

Website for a Lithuanian training organisation. A lot of dynamic content: a searchable course catalogue filtered by audience and category. I built the filters, the way courses are added, and the automations around them.

Visit the live site

A training catalogue that helps people find the right course, fast.

How I designed Mostai

  1. Discover

    • Organisation and audiences
    • Course structure
    • Catalogue examples
  2. Define

    • Search and filter goals
    • Course fields
    • Site map
  3. Design

    • Catalogue layout
    • Filter states
    • Responsive layout
  4. Develop & Deliver

    • WordPress build
    • Filters and search
    • Course automations

The Brief & My Response

Brief

Mostai needed a website where a growing list of trainings stays easy to browse for visitors, and easy to keep up to date for the team.

My response

A searchable catalogue with audience filters (Youth 14+, Teams, Specialists) and a clear course count. Courses are added once, and the filters and automations do the rest.

Site Map

Home
  • Course catalogue
  • Course page
  • Lecturers
  • Lecturer profile
  • Commercial offer
  • Contact
  • FAQ
  • About us

Every visitor starts on the catalogue and reaches a course, a lecturer or the offer form in one step.

Complete Interface Preview

Mostai on a phone
Mostai on a phone
Mostai on a phone
The catalogue: headline, course count, audience filters and search in one view.
The catalogue: headline, course count, audience filters and search in one view.
Three entry points by audience
Three entry points by audience
Course cards that follow the filters
Course cards that follow the filters
Course page with duration, group size and price
Course page with duration, group size and price
Lecturers, shown as people
Lecturers, shown as people
Commercial offer request form
Commercial offer request form
Partners and social proof
Partners and social proof
Mostai on a phone
Mostai on a phone
Mostai on a phone

Visual Language

TitleMontserrat specimen
Usage
Headlines, buttons
Weight
ExtraBold 800
Category
Sans serif
Body textMontserrat specimen
Usage
Body and interface text
Weight
Medium 500
Category
Sans serif

Colour palette

  • #F2F0DECream
  • #FF5600Orange
  • #00A16AGreen
  • #EFD13CYellow
  • #060606Ink

Adaptive grid framework

Desktop · 1440px12 columns24 gutter60 margin
Tablet · 768px12 columns24 gutter24 margin
Mobile · 390px12 columns24 gutter12 margin

Thanks for watching

See the catalogue live. ↗