Krembo Wings
Krembo Wings
Krembo Wings
website redesign
website redesign
website redesign
01
01
Krembo Wings is a unique youth movement for children with and without disabilities, centered on the values of togetherness and social impact. Having spent three active years within the movement, I experienced the "Krembo magic" firsthand, the warmth, the energy, and the profound sense of belonging
Krembo Wings is a unique youth movement for children with and without disabilities, centered on the values of togetherness and social impact. Having spent three active years within the movement, I experienced the "Krembo magic" firsthand, the warmth, the energy, and the profound sense of belonging
Krembo Wings is a unique youth movement for children with and without disabilities, centered on the values of togetherness and social impact. Having spent three active years within the movement, I experienced the "Krembo magic" firsthand, the warmth, the energy, and the profound sense of belonging
Recognizing that the current digital presence didn’t fully capture this authentic spirit, I set out to bridge the gap. My goal was to redesign the website to be as welcoming and accessible as the physical branches, ensuring the movement’s heart is felt from the very first click
Recognizing that the current digital presence didn’t fully capture this authentic spirit, I set out to bridge the gap. My goal was to redesign the website to be as welcoming and accessible as the physical branches, ensuring the movement’s heart is felt from the very first click
Recognizing that the current digital presence didn’t fully capture this authentic spirit, I set out to bridge the gap. My goal was to redesign the website to be as welcoming and accessible as the physical branches, ensuring the movement’s heart is felt from the very first click
About
About
About
02
02
The Challenge
The Challenge
The Challenge
Bridging the gap between information and emotion,
The existing website struggled to translate the movement’s vibrant energy into a digital format
My analysis revealed several critical pain points
Bridging the gap between information and emotion,
The existing website struggled to translate the movement’s vibrant energy into a digital format
My analysis revealed several critical pain points
Bridging the gap between information and emotion,
The existing website struggled to translate the movement’s vibrant energy into a digital format
My analysis revealed several critical pain points
Inconsistent User Experience Navigation and interaction patterns varied significantly across different pages, leading to a fragmented journey
Confusing Information Hierarchy Users struggled to find key information, as the content lacked a clear priority and structure
Outdated Visual Language The design felt stagnant and failed to reflect the movement’s youthful, energetic, and positive values
Fragmented UI Components Inconsistent use of buttons, cards, and input fields created a lack of visual cohesion and brand trust
Inconsistent User Experience Navigation and interaction patterns varied significantly across different pages, leading to a fragmented journey
Confusing Information Hierarchy Users struggled to find key information, as the content lacked a clear priority and structure
Outdated Visual Language The design felt stagnant and failed to reflect the movement’s youthful, energetic, and positive values
Fragmented UI Components Inconsistent use of buttons, cards, and input fields created a lack of visual cohesion and brand trust
Inconsistent User Experience Navigation and interaction patterns varied significantly across different pages, leading to a fragmented journey
Confusing Information Hierarchy Users struggled to find key information, as the content lacked a clear priority and structure
Outdated Visual Language The design felt stagnant and failed to reflect the movement’s youthful, energetic, and positive values
Fragmented UI Components Inconsistent use of buttons, cards, and input fields created a lack of visual cohesion and brand trust
The Approach
Building a Unified Digital Home To solve these challenges, I focused on creating a structured, modern, and accessible system that speaks the "Krembo language"
Building a Unified Digital Home To solve these challenges, I focused on creating a structured, modern, and accessible system that speaks the "Krembo language"
Unified Design Language I developed a cohesive visual system encompassing typography, a refreshed color palette, and recurring visual motifs that tie the whole experience together
Strategic Content Architecture I restructured the content to ensure every page has a clear purpose. By highlighting the core message of each section, I made sure the user's primary goal is always front and center
Vibrant & Modern Aesthetic I implemented a colorful, dynamic design that truly mirrors the movement’s spirit, transforming the site from a static portal into an experiential, positive space for youth and families
Component Based System I defined a library of reusable UI components (buttons, cards, and content blocks) to ensure absolute consistency and a seamless feel across the entire platform
Unified Design Language I developed a cohesive visual system encompassing typography, a refreshed color palette, and recurring visual motifs that tie the whole experience together
Strategic Content Architecture I restructured the content to ensure every page has a clear purpose. By highlighting the core message of each section, I made sure the user's primary goal is always front and center
Vibrant & Modern Aesthetic I implemented a colorful, dynamic design that truly mirrors the movement’s spirit, transforming the site from a static portal into an experiential, positive space for youth and families
Component Based System I defined a library of reusable UI components (buttons, cards, and content blocks) to ensure absolute consistency and a seamless feel across the entire platform
The Approach
Building a Unified Digital Home To solve these challenges, I focused on creating a structured, modern, and accessible system that speaks the "Krembo language"
Unified Design Language I developed a
cohesive visual system encompassing typography, a refreshed color palette, and recurring visual motifs that tie the whole experience together
Strategic Content Architecture I restructured the content to ensure every page has a clear purpose. By highlighting the core message of each section, I made sure the user's primary goal is always front and center
Vibrant & Modern Aesthetic I implemented a colorful, dynamic design that truly mirrors the movement’s spirit, transforming the site from a static portal into an experiential, positive space for youth and families
Component Based System I defined a library of reusable UI components (buttons, cards, and content blocks) to ensure absolute consistency and a seamless feel across the entire platform
The Strategy
The Strategy
The Strategy
The original design
The original design
The original design
03
03
The "Why"
To promote equality, inclusion, and empowerment for children and youth with special needs through social, educational, and experiential activities that strengthen the entire community
The "Why"
To promote equality, inclusion, and empowerment for children and youth with special needs through social, educational, and experiential activities that strengthen the entire community
The "Why"
To promote equality, inclusion, and empowerment for children and youth with special needs through social, educational, and experiential activities that strengthen the entire community
The "How"
To transform the movement’s core values into a clear and inviting digital experience. making the organization's impact visible and simplifying the pathways for users to join, volunteer, and contribute
The "How"
To transform the movement’s core values into a clear and inviting digital experience. making the organization's impact visible and simplifying the pathways for users to join, volunteer, and contribute
The "How"
To transform the movement’s core values into a clear and inviting digital experience. making the organization's impact visible and simplifying the pathways for users to join, volunteer, and contribute
Website Mission
Website Mission
Website Mission
Organization Mission
Organization Mission
Organization Mission
Why vs. How
Why vs. How
Why vs. How
I defined three core personas to ensure the website serves the diverse needs of the Krembo Wings community
I defined three core personas to ensure the
website serves the diverse needs of the Krembo
Wings community
I defined three core personas to ensure the website serves the diverse needs of the Krembo Wings community
User Personas
User Personas
User Personas
04
04
The Volunteer
The Volunteer
Motivation Wants to make a real impact and gain leadership experience before her military service
Needs from the Site To understand the day-to-day life at the branch and find a simple, mobile-friendly application form
UX Impact Needs authentic storytelling and a "3-click" registration flow
Motivation Wants to make a real impact and gain leadership experience before her military service
Needs from the Site To understand the day-to-day life at the branch and find a simple, mobile-friendly application form
UX Impact Needs authentic storytelling and a "3-click" registration flow
High school student, socially active, looking for a meaningful leadership role
Roni (16)
Roni (16)
The Doner
The Doner
Motivation To support established organizations with measurable, long-term impact on Israeli society
Needs from the Site Clear financial transparency, "Impact Data," and a professional, secure donation interface
UX Impact Requires a trustworthy UI, data visualizations, and parent testimonials to validate credibility
Motivation To support established organizations with measurable, long-term impact on Israeli society
Needs from the Site Clear financial transparency, "Impact Data," and a professional, secure donation interface
UX Impact Requires a trustworthy UI, data visualizations, and parent testimonials to validate credibility
Electrical Engineer at a high-tech company, father of two, socially conscious and an active donor
Danny (53)
Danny (53)
The Parent
The Parent
Motivation Seeking a supportive social framework where his child can feel equal and safe
Needs from the Site Clear information on branch safety protocols, accessibility features, and contact info for branch coordinators
UX Impact Requires high readability, intuitive navigation, and a tone that conveys reliability
Motivation Seeking a supportive social framework where his child can feel equal and safe
Needs from the Site Clear information on branch safety protocols, accessibility features, and contact info for branch coordinators
UX Impact Requires high readability, intuitive navigation, and a tone that conveys reliability
Father to a child with special needs, values safety, trust, and clear communication
David (42)
David (42)
Motivation Wants to make a real impact and gain leadership experience before her military service
Needs from the Site To understand the day-to-day life at the branch and find a simple, mobile-friendly application form
UX Impact Needs authentic storytelling and a "3-click" registration flow
High school student, socially active, looking for a meaningful leadership role
Roni (16)
The Volunteer
Motivation To support established organizations with measurable, long-term impact on Israeli society
Needs from the Site Clear financial transparency, "Impact Data," and a professional, secure donation interface
UX Impact Requires a trustworthy UI, data visualizations, and parent testimonials to validate credibility
Electrical Engineer at a high-tech company, father of two, socially conscious and an active donor
Danny (53)
The Doner
The Parent
Motivation Seeking a supportive social framework where his child can feel equal and safe
Needs from the Site Clear information on branch safety protocols, accessibility features, and contact info for branch coordinators
UX Impact Requires high readability, intuitive navigation, and a tone that conveys reliability
Father to a child with special needs, values safety, trust, and clear communication
David (42)
05
05
Donate
Join Us
Contact Us
Contact Form
Contact Information
Testimonials
Information
Center
For Parents
For Mentors & Youth
National Service
FAQ
News & Events
Branches
Interactive Branch Map
About Us
Our Story
Vision, Mission & Values
Leadership & Team
Home Page
Movement Overview
Immersive Gallery
Strategic CTAs
Donate
Join Us
Contact Us
Contact Form
Contact Information
Testimonials
Information
Center
For Parents
For Mentors & Youth
National Service
FAQ
News & Events
Branches
Interactive Branch Map
About Us
Our Story
Vision, Mission & Values
Leadership & Team
Home Page
Movement Overview
Immersive Gallery
Strategic CTAs
Site Map
Site Map
Site Map
Donate
Join Us
Home Page
Movement Overview
Immersive Gallery
Strategic CTAs
About Us
Our Story
Vision, Mission & Values
Leadership & Team
Interactive Branch Map
Branches
For Parents
For Mentors & Youth
National Service
FAQ
News & Events
Information
Center
Testimonials
Contact Us
Contact Form
Contact Information
06
06
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
#FFFBF7
Color Palette
Color Palette
Color Palette
07
07
אב
אב
Sunday
Sunday
Light Regular Medium Bold
Light Regular Medium Bold
אב
אב
OHNoamAbramovich
OHNoamAbramovich
Regular
Regular
The rounded letterforms create a welcoming, approachable feel, making the navigation experience feel light and enjoyable
The rounded letterforms create a welcoming,
approachable feel, making the navigation experience
feel light and enjoyable
Adds a personal, "down to earth" touch, conveying warmth and humanity across every page
Adds a personal, "down to earth" touch, conveying
warmth and humanity across every page
אב
Sunday
Light Regular Medium Bold
אב
OHNoamAbramovich
Regular
Sunday
The rounded letterforms create a welcoming, approachable feel, making the navigation experience feel light and enjoyable
OHNoamAbramovich
Adds a personal, "down to earth" touch, conveying warmth and humanity across every page
Typography
Typography
Typography
Home Page
Home Page
About Page
About Page
Branch Locator
Branch Locator
Donation Page
Donation Page
Contact Page
Contact Page
I optimized the mobile experience for one-handed use, ensuring all primary actions and navigation elements are within easy reach to accommodate users on the go
I optimized the mobile experience for one-handed use, ensuring all primary actions and navigation elements are within easy reach to accommodate users on the go
I didn't want users to feel lost. I designed the page so that as you scroll, you move from the "Big Picture" to "Social Proof" and finally to "Direct Action". It’s a funnel designed to turn curiosity into involvement
I didn't want users to feel lost. I designed the page so that as you scroll, you move from the "Big Picture" to "Social Proof" and finally to "Direct Action". It’s a funnel designed to turn curiosity into involvement
The Design
The Design
I designed a structured narrative flow that balances information with emotion, using distinct visual blocks to guide users through our values, team, and impact without information overload
"One-click" navigation to reduce the steps needed to reach local activity info
Finding Your Community
Intuitive Branch Navigation
Finding Your Community
Intuitive Branch Navigation
Location-First Approach, automatically suggests the nearest branches by default, while allowing users to find a specific branch via the search bar or interactive map
I designed a 3-step donation funnel to reduce cognitive load, using pre-set amounts and familiar payment methods to make the process as fast and intuitive as possible
I designed a 3-step donation funnel to reduce cognitive load, using pre-set amounts and familiar payment methods to make the process as fast and intuitive as possible
By combining an emotional, high-impact visual with a clean, 'bite-sized' form layout, I ensured the experience remains both heartwarming and highly functional
I designed a clean, accessible communication hub that prioritizes speed and ease of use across all devices. By optimizing the layout for mobile and using clear, touch-friendly input fields, I ensured that getting in touch is effortless, whether for a quick call or a formal inquiry
I designed a structured narrative flow that balances information with emotion, using distinct visual blocks to guide users through our values, team, and impact without information overload
Home Page
About Page
Branch Locator
Donation Page
Contact Page
I optimized the mobile experience for one-handed use, ensuring all primary actions and navigation elements are within easy reach to accommodate users on the go
I didn't want users to feel lost. I designed the page so that as you scroll, you move from the "Big Picture" to "Social Proof" and finally to "Direct Action". It’s a funnel designed to turn curiosity into involvement
The Design
"One-click" navigation to reduce the steps needed to reach local activity info
Finding Your Community
Intuitive Branch Navigation
Location-First Approach, automatically suggests the nearest branches by default, while allowing users to find a specific branch via the search bar or interactive map
I designed a 3-step donation funnel to reduce cognitive load, using pre-set amounts and familiar payment methods to make the process as fast and intuitive as possible
By combining an emotional, high-impact visual with a clean, 'bite-sized' form layout, I ensured the experience remains both heartwarming and highly functional
I designed a clean, accessible communication hub that prioritizes speed and ease of use across all devices. By optimizing the layout for mobile and using clear, touch-friendly input fields, I ensured that getting in touch is effortless, whether for a quick call or a formal inquiry
I designed a structured narrative flow that balances information with emotion, using distinct visual blocks to guide users through our values, team, and impact without information overload
08
The wings are ready, now it’s time to fly
Explore the live prototype
The wings are ready, now it’s time to fly
Explore the live prototype
The wings are ready, now it’s time to fly
Explore the live prototype
Prototype
Prototype
Prototype
