Couples Guide
Research-led education. Custom-built digital experience.
Couples Guide is a bilingual educational platform developed as part of a Master’s degree project at the University of Greenwich, London.
The project transforms research on relationship dynamics into a structured, accessible and interactive digital experience, combining bespoke WordPress development with custom UX/UI design.
02 Project overview
Designed and developed as a complete digital product, Couples Guide combines research-led content, intuitive information architecture and interactive functionality within a bespoke WordPress platform.
My role
- Product concept and research synthesis
- Information architecture
- UX/UI and visual design
- Custom WordPress development
- Frontend implementation
- Interactive functionality
- Content production
03 Technology & engineering
Built beyond standard WordPress templates, the platform combines custom theme development, PHP functionality and reusable components to support its educational content and interactive experiences.
01Platform & backend
- WordPress CMS
- PHP
- MySQL
- Custom theme and templates
02Frontend
- HTML5
- CSS3
- JavaScript
- jQuery
- Responsive layouts
03Components & integrations
- Custom widgets
- Custom plugins, where verified
- WP Quiz integration
- Contact forms
- Newsletter functionality
- Bilingual navigation
Theme, templates, widgets and bilingual navigation were custom-built for the platform; WP Quiz is a third-party plugin integrated into the custom theme.
04 UX/UI & design system
A distinctive editorial design system.
The interface balances extensive educational content with clear visual hierarchy, intuitive navigation and responsive presentation. A dark editorial foundation, teal and cyan tones, contrasting accents and expressive typography establish a recognisable visual identity.
- Custom visual identity
- Responsive layout design
- Information architecture
- Editorial typography
- Interactive navigation
- Polish and English user experience
- Accessible design considerations
Brand colours
Neutral colours
05 Interactive experience
An integrated educational quiz adds an interactive layer to the platform, allowing visitors to actively explore and test their understanding of the content.
Supporting functionality includes bilingual navigation, content discovery, contact forms and newsletter integration.
06 Accessibility & SEO
Accessibility and search-oriented content organisation informed the platform’s design and development, including semantic structure, readability, responsive presentation and clear navigation.
WCAG 2.1 was a design target, not a claim of independently audited conformance.
07 Outcome
Couples Guide demonstrates end-to-end digital product development, combining research, information architecture, distinctive UX/UI design, custom WordPress engineering and interactive functionality.
Concept · UX/UI Design · Frontend Development · WordPress Engineering · Content Production