← All case studies
Career guidance homepageComplete guidance plan
Career guidance and education

About Career

A content-heavy guidance website with clear routes for students, parents and professionals.

Project
About Career
Career guidance and education
Role
Content architecture, UX/UI design, front-end and CMS implementation
Platform / stack
Custom static site — HTML, CSS, JavaScript + Decap CMS
Scope
Website redesign, content migration, CMS setup
01 / Overview

What was needed

Problem

Three audiences arrived with different questions, but the old structure answered everyone at once. A large Greek article library also had to remain intact.

What I changed

I separated the audience journeys, built reusable service and article templates and set up an editorial workflow that preserves Greek titles and URLs.

02 / Design system

The page system

The core choices that keep the experience consistent.

Typography

01

Bold sans-serif headings, highly readable body text and short uppercase labels.

Colours

02
  • Ink
    #172820
  • Aqua
    #74d1d8
  • Yellow
    #f4da35
  • Lilac
    #c8b6df

Layout

03

Audience cards, modular editorial grids and reusable long-form article templates.

UI components

04

Audience selectors, service cards, article cards, programme steps and CMS fields.

03 / What improved

What improved

  1. 01

    Students, parents and professionals get separate entry points.

  2. 02

    Article pages use a consistent structure and metadata.

  3. 03

    The CMS supports 795 tracked articles with no tracked duplicates.

04 / Site screens

Site screens

Full section captures taken from the live project.

Career guidance homepage
Career guidance homepage
Complete guidance plan
Complete guidance plan
Outcome

The site now supports three audience journeys and a structured library of 795 tracked articles, with zero tracked duplicate posts after cleanup.

Working on something similar?

Send me the current site and what needs to change.

Get a proposal