CONSULTING WEBSITE
Designed and built the Millennial Consulting website
The Millennial Consulting website is a digital platform designed and built to clearly communicate the organization’s purpose, offerings, and consulting cycles to students, clients, and partners.
Timeline
From initial research to a fully launched website in approximately six months, designed and built alongside full-time employment and parallel responsibilities within Millennial Consulting, followed by continuous optimization.
Background
Millennial Consulting is a non-profit junior consultancy where university students collaborate with startups and SMEs through real consulting projects. The website serves as a central platform that explains the consulting cycles, highlights ongoing initiatives, and supports clear communication across students, clients, and partners.
By providing a clear overview of how collaboration works, the platform helps align expectations and makes it easier for stakeholders to engage.
This category details the step by step approach behind designing the new Millennial Consulting website, covering research, site structure, visual exploration, wireframes, and the design system.
Research & Analysis
I began by auditing the previous website and reviewing similar consultancy platforms to understand common structures and expectations. Supported by surveys and conversations with students, clients, and partners, I identified patterns and organized the insights shown below.
Sitemap & Structure
To define the website’s structure, I mapped out the core pages and user pathways based on the research insights. The sitemap clarified how students, clients, and partners navigate the site and helped determine the placement of key content before moving into wireframes.
Visual Exploration
To establish the visual direction, I explored layout styles and UI patterns through a moodboard combining similar consultancy platforms, modern interface inspiration from Dribbble, and early AI-generated concepts. This helped define the overall tone, spacing, and visual language.
Wireframes
With the structure and visual direction defined, I created wireframes in Figma to explore layout options and test content structure across key pages. Informal feedback from team members and stakeholders helped refine clarity and navigation before moving on to higher-fidelity designs.
Design System
To ensure consistency across the website, I developed a simple design system covering color styles, typography, spacing, imagery, icons, and components. This foundation made it easier to scale the visual direction across pages and transition into high-fidelity designs, as shown next.
NemSkema redesign simplifies classroom organization, making it easier for pupils to manage tasks while giving teachers flexibility in lesson planning.
Simplified Task Management
The pupil interface provides a clear, structured way to handle tasks, homework, and schedules, with color-coded elements that help pupils differentiate subjects and reduce overload.
Flexible Lesson Setup
Teachers can customize lesson structures with modular components to fit class needs while ensuring consistency and clarity for pupils.
Inclusive & Scalable Design
The design ensures accessibility for all pupils, including neurodiverse learners, while being scalable to accommodate diverse learning environments and classroom setups.
Here, the project's key outcomes are highlighted, including usability improvements, accessibility enhancements, and positive teacher feedback.
Usability Improvement
The redesign simplified scheduling with streamlined navigation, modular components, and a clearer layout, making the system easier to use.
Accessibility Enhancement
Updated colour contrasts, clearer visual cues, and a revised indication system improved readability. Teachers reported fewer distractions and better focus.
Positive Teacher Feedback
Teachers found the new version easier to use and better suited to their workflow. Feedback highlighted greater clarity and a smoother scheduling experience.