
05 Responsive Design
The responsive design was built to deliver a seamless and intuitive experience across all devices.
On mobile, every element was optimized for clarity and comfort - with large touch targets, simplified navigation, and a single clear action per screen.
Typography sizes adjust dynamically to maintain readability, and color contrast ensures full accessibility in any lighting condition.
The layout prioritizes vertical storytelling, keeping key emotional visuals - like people and guide dogs - visible even on smaller screens.
The result is a user experience that feels just as emotional, clear, and engaging on mobile as on desktop.
No matter the device, users instantly understand the message and know exactly how to take action.
04 Key Pages
Home Page
The homepage was designed as an emotional storytelling journey.
The first section immediately presents the organization’s purpose with a powerful hero image, clear messaging, and a strong call to action.
As users scroll, the story unfolds - showing how guide dogs are trained, matched, and supported, alongside the impact these dogs have on people’s lives.
Each section combines visuals and concise text to create an engaging, educational flow that keeps visitors emotionally connected.
The layout balances warmth, empathy, and clarity - turning the homepage into both an introduction and a complete narrative experience.

Volunteering Page
This page was designed to be clear, motivating, and easy to navigate.
Instead of long paragraphs, the information is organized into short bullet points that explain who can volunteer, what the process involves, and how to sign up.
Friendly icons help visualize each step and make the content approachable for all age groups.
The design uses high contrast and an inviting CTA button that encourages users to take action.
The result is a page that feels simple, direct, and emotionally positive - inspiring visitors to become part of the cause.

Donations Page
The donation page focuses on emotion before transaction - creating empathy before asking for support.
It opens with a short, touching video that shows how each donation transforms lives, connecting the visitor to the cause on a personal level.
Only afterward are donation amounts presented in a clean, simple layout with a large “Donate Now” button.
The tone is heartfelt and human, avoiding any sense of pressure.
This emotional narrative helps increase engagement and builds lasting trust with potential donors.

03 Visual Language
I aimed for a clean, human centered design that tells the story visually.
Clear hierarchy and generous spacing, emotional imagery of people and dogs, accessible typography with high contrast, unified color palette and consistent buttons, simple, intuitive navigation for all audiences - donors, volunteers, and families

Typography
-
Headings: OHLiorAtias · 128 pt
-
Subheadings: Open Sans · 20 pt
-
Body text: Open Sans · 16 pt
.png)
Colors
Used to create a warm, trustworthy, and accessible look and feel.
The blue tones express reliability and calm, while the yellow accent highlights calls-to-action.
.png)
Icons & Shapes
Simple line icons representing dogs, people, and community — supporting a friendly and approachable tone.
02 The Challenge
The previous website felt outdated and cluttered.
It had confusing navigation, long text blocks, and lacked emotional storytelling.
Mobile usability was poor, with tiny buttons and no clear hierarchy.
Overall, it didn’t reflect the warmth, accessibility, and compassion that define the organization’s real-world impact.
.png)

01 Project Overview
The Israeli Guide Dog Center empowers people with visual impairments through independence, equality, and the deep connection between humans and dogs.
My goal was to redesign the organization’s website to make it warmer, clearer, and emotionally engaging - creating a digital experience that truly represents the heart of the center and encourages users to take part, donate, or volunteer.
Israeli Guide Dog Center - Website Redesign
UX/UI Project | Website Design Course
.png)
LOCATION
libiaviyam.com
Tel Aviv, Israel
STAY CONNECTED
© DESIGNED BY LIBI AVIYAM
