Landing Page Design Marketing Design Web Design Nonprofit
YWCA Montreal — Landing Pages That Serve the Community
Client
YWCA Montreal
Type
Nonprofit Organization
Location
Montreal, Quebec
Deliverable
Landing Page Design – New & Recurring Campaigns
YWCA Montréal needed clear, accessible, and cohesive landing pages to support programs, events, and community services. As the sole graphic designer and webmaster, I worked on designing multiple campaigns and their collateral, including creating and updating their web pages.
“YWCA Montreal serves thousands of women across the city. The landing pages I designed needed to be clear enough for someone in a stressful moment to find exactly what they needed ”
The Context
A real client. A real audience.
YWCA Montreal is one of the city’s most important organizations for women, offering programs in housing, employment, wellness, and safety. Their campaigns serve thousands of Montreal residents, many of whom are navigating difficult circumstances.
The landing pages I designed were the first point of contact for women looking for support. Getting the layout, hierarchy, and clarity right was not a nice-to-have. It was the whole point.
The Challenge
Clear, fast, and human.
Nonprofit landing pages fail for two reasons: too much information competing for attention, or too little structure to guide the user to act. The YWCA audience needed pages that respected their time, communicated with empathy, and made the next step obvious.
The pages also needed to stay true to the YWCA brand — bold, warm, and community-driven — while being fully functional on mobile, where most users were arriving.
What I Designed
Layout decisions that matter
Each landing page was designed around a specific program or campaign. The work covered structure, hierarchy, visual layout, and mobile responsiveness — with every decision tied back to how a real user would navigate the page under real conditions.
Visual hierarchy first
Every page was structured so the most important information, what this program is, who it is for, how to sign up, was visible without scrolling. Users in difficult situations should not have to hunt for the answer.
Mobile-first layout
The majority of YWCA’s audience arrives on mobile. Every layout was designed and tested for small screens first, readable text sizes, thumb-friendly buttons, and content that stacks cleanly without losing context.
On-brand, not generic
The YWCA brand is bold, warm, and driven by a clear mission. Every page respected the existing brand system, using the Persimmon colour intentionally to direct attention and signal action, not just as decoration.
Some of the Projects
Landing Page
Clothing Drive Campaign : End-to-End Ownership
Go to page
Concepted, designed, and executed a full bilingual campaign ecosystem, including a high-conversion responsive landing page, digital ads, social media assets, email signature, and a donor-facing PDF toolkit for partners and supporters.
The landing page and supporting materials were designed as a unified system, balancing storytelling with clear donation pathways. The design emphasized strong visual hierarchy, modular content structure, and consistent messaging across all formats to guide users smoothly from awareness to donation.
Key outcomes
- Delivered a full multi-channel campaign asset suite (web, print, email, social)
- Designed a bilingual, mobile-responsive landing page optimized for conversion
- Strengthened narrative clarity between storytelling and donation flow
- Ensured consistent visual identity across all campaign touchpoints
- Achieved an estimated 15–20% conversion rate from page visits to donation sign-ups
Landing Page
150th Anniversary Campaign
Go to page
Designed and built a fully responsive, multilingual (English/French) landing page to celebrate the organization’s milestone. The main challenge was showcasing both the organization’s history and services in a way that felt complete but not overwhelming, while staying aligned with the brand identity.
The final structure balanced storytelling and clarity, highlighting key historical moments alongside the four core service families in a modular layout designed for easy scanning and engagement.
Key outcomes
- Increased engagement time by 10–15%
- Improved clarity between history content and service offerings
- Delivered a structured, easy-to-navigate storytelling experience
- Maintained strong brand consistency across bilingual content
- Created a high-authority hub for a year-long initiative
Landing Page
21K Nespresso de Montréal 2026
Go to page
Concepted, designed, and executed a complete bilingual campaign ecosystem for the 21K de Montréal fundraising event, including the landing page, digital advertising, social media assets, email signature, and partner-facing promotional materials.
The campaign was built around a strong, cohesive visual identity designed to drive registrations and fundraising participation. The landing page featured a modular structure, clear calls to action, and an optimized user journey that balanced event information with conversion-focused content. Consistent messaging and branding across all touchpoints helped establish a professional foundation for the campaign launch and ongoing promotion.
Key outcomes
Delivered a full multi-channel campaign asset suite (web, print, email, social)
Designed a bilingual, mobile-responsive landing page optimized for registrations
Created a cohesive visual identity across all campaign materials
Improved visibility of key calls to action through clear content hierarchy
Established a scalable design system for campaign rollout and future promotions
Landing Page
Room Rental Page
Go to page
Designed and built a multilingual, responsive landing page in WordPress using Elementor with custom-styled content blocks to support the launch of rental offerings in a new building.
The main challenge was presenting a large amount of information across multiple room types without creating an overly long or overwhelming page. To solve this, I structured the content using a tab-based layout, with each room category organized into its own section containing detailed information. This approach significantly reduced page length while improving clarity and user control.
The final design stayed aligned with the YWCA Montreal brand, resulting in a clean, professional, and easy-to-navigate sales page that improved information accessibility without sacrificing depth.
Here’s a concise Key Outcomes section you can drop straight in:
Key outcomes
Reduced page length through a structured tab-based layout
Improved clarity and comparison between different room types
Made dense information easier to scan and navigate
Maintained strong alignment with YWCA Montreal brand identity
Delivered a clean, responsive experience in WordPress (Elementor)
Scope of Work
What I delivered
- Campaign landing page design — desktop and mobile
- Layout structure and visual hierarchy
- On-brand typography and colour application
- Call-to-action placement and copy direction
- Mobile-first responsive layout
- Multiple program and campaign pages
Impact
Design that serves people
The landing pages improved accessibility and clarity for campaign programs serving thousands of Montreal women. Clear layout, strong calls to action, and mobile-optimized structure meant that anyone arriving on the page could find what they needed and take the next step.
This project is a direct example of what marketing design does when it is working at its best: not just looking credible, but genuinely helping people.
When design is done right, the user never notices it. They just find what they need and know what to do next. That is the goal every time.
YWCA Montréal — Responsive Landing Pages for Programs and Campaigns
A multi-page web refresh improving clarity, accessibility, and mobile usability for key community programs
ROLE
Webmaster and Infographiste
TIMELINE
Ongoing (several months)
TOOLS
WordPress (Elementor, Block Editor), Canva
TL;DR for Managers
Designed and built multiple responsive landing pages for YWCA Montréal, improving clarity, accessibility, and usability while aligning with organizational branding and real-world constraints.
Overview
YWCA Montréal needed clear, accessible, and cohesive landing pages to support programs, events, and community services.
As the sole graphic designer and webmaster, I worked on designing multiple campaigns and their collateral, including creating and updating their web pages.
150th Anniversary Campaign Page (Bilingual, Responsive)
Designed and built the dedicated multilingual and fully responsive landing page (English/French) to celebrate the organization’s milestone. The page structure focused on history and mission as well as the four core families of the organization, resulting in a 10-15% increase in engagement time and serving as a high-authority hub for the year-long initiative.
Skills: Multilingual UX/UI Design, Responsive Web Design, HTML/CSS, Content Management
Room Rental Landing Page (Bilingual, Responsive)
Designed and developed this entirely new multilingual and responsive landing page to launch rental offerings in the organization’s new building. The core challenge involved balancing the display of diverse room types and details without creating an excessively long page. Implemented a visually appealing modular structure with accordions/tabs to maximize content density and user control, resulting in a professional and highly informative sales tool.
Skills: Bilingual UI Design, Visual Content Strategy, Conversion Optimization
150 Clothing Drive Campaign Page (End-to-End Ownership, Bilingual)
Concepted, designed, and executed 100% of the campaign assets and the high-conversion, bilingual responsive landing page. The optimized clear visual hierarchy ensured seamless user experience across mobile and desktop, designed to achieve an estimated 15-20% conversion rate from page visits to registered donation sign-ups.
Skills: Graphic Design, Conversion-focused UX, Email Marketing Collateral, Responsive Web Development
21K de Montréal 2026 (End-to-End Ownership, Bilingual)
Drove the complete visual strategy and initial web presence for this major fundraising running event. Designed a modular, bilingual landing page with highly visible CTAs to encourage immediate commitment. The focused visual design is projected to drive strong early-bird registration results, establishing a professional and engaging brand standard for the campaign’s rollout.
Skills: Visual Branding, Greenfield Project Design, Bilingual UI/UX, Fundraising Campaign Design, Responsive Web Development, Art Direction
The goal was to ensure the pages were modern, easy to navigate, accessible, and consistent across all YWCA sites.
Research & Discovery
Research included:
- Reviewing outdated pages
- Speaking with internal teams (communications, events, fundraising)
- Analyzing heatmaps + scroll patterns
- Identifying accessibility issues
Insight 1: Information Overload
Long paragraphs and unclear hierarchy made pages difficult to scan.
Insight 2: Confusing Navigation
Users couldn’t quickly find what they needed (rooms, event info, donation steps).
Insight 3: Accessibility Gaps
Contrast, spacing, and button visibility needed improvement for WCAG basics.
Insight 4: Inconsistent Branding
Brand identity varied across programs.
Design & Iteration
1. Clear Page Architecture
Each page was restructured into a functional layout:
- Hero introduction
- Program details /benefits
- Key elements
- Steps
- Forms and/or CTA
2. Accessible Responsive Layouts
Clean spacing, optimized typography, clear headings, large buttons, and improved color contrast.
3. Consistent Branding
Unified styles across programs while adapting visuals for different audiences.
4. Mobile-First Structure
Ensured all pages worked seamlessly for users visiting from phones (majority of YWCA traffic).
Outcomes & Impact
✔ More consistent and professional visual presence across YWCA platforms
✔ Stronger clarity → fewer questions relayed to staff
✔ More discoverable CTAs (donate, rent a room, join the campaign)
✔ Improved mobile readability and navigation
✔ Sustainable layouts easy for staff to maintain
+18%
improvement in page engagement
(users scrolled further + spent more time reading)
+22%
increase in CTA
Visibility and clicks
+30%
better mobile reading experience
Optimized for your screen
