Skip links

Dysphasie Plus

Website UX UI Design

Date

2024

Client

Dysphasie Plus

Category

UX/UI Design

Introduction

Dysphasie+ is a nonprofit organization that supports children and adults with Developmental Language Disorder (DLD), along with their families and communities. I was hired by OnePage Pro to design the website UI in Figma, using Relume components to support a smooth Webflow implementation. The goal was to create a light, welcoming, and accessible interface that clearly presents services, resources, and ways to get involved.

6 Days

24 - 30 Dec 2024

Location

QC, Canada

5 Pages

Desktop + Mobile

Figma

UI design

Dysphasie Wireframe Before
Dysphasie Prototype After

Design System

A warm, approachable visual system designed to make Dysphasie+ feel welcoming and easy to navigate. Lilita One gives headings a friendly personality, while Roboto keeps body content clear and readable. Soft pastel colors, rounded cards, and simple button styles create consistency across the website while supporting an accessible, community-focused experience.

Complete Desktop Experience

A cohesive desktop website designed across seven key pages, creating a consistent and welcoming experience for learning about DLD, exploring services, becoming a member, supporting the organization, and discovering career opportunities.

Home page

Home page

About

About

DLD

DLD

Services

Services

Become Member

Become Member

Careers

Careers

A Seamless Experience on Mobile

The mobile layout keeps the same visual identity while adapting the navigation, spacing, and content flow for smaller screens

dysphasie plus services mobile mockup

Confident First Impression

dysphasie plus responsive website mockup

Service Focused Layouts

dysphasie plus annual report mobile mockup e1786569549613

Clear Content Hierarchy

dysphasie plus tools resources laptop mockup

Consistent Visual System

Hear From Our Happy Client

“We've worked with Zahra on both small and big projects, and she’s hands down the best designer we've had the chance to work with. She communicates clearly, understands what we need, and always asks the right questions. She goes out of her way to make sure we're happy with the final result. Honestly, her designs always surprise me in the best way. Every time she sends something over, I’m excited to see what she came up with. Highly recommend her if you want something that looks amazing!!”
OnePage Pro logo
OnePage Pro
Web Design Agency

Ready to talk about your project?

dysphasie plus homepage macbook mockup noBG

    Share on

    Zahra Ali