DesignByAyo

Available for projects

DesignByAyo

Available for projects

DesignByAyo

Available for projects

DesignByAyo

Available for projects

Let’s talk

Let’s talk

Let’s talk

DesignByAyo

Available for projects

DesignByAyo

Available for projects

DesignByAyo

Available for projects

DesignByAyo

Available for projects

/

/

Be Future Ready Non-Profit

Be Future Ready Non-Profit

2026

Designing a scalable digital ecosystem for a nonprofit operating across Canada, Nigeria, and South Africa.

Overview:

Be Future Ready (BFR) operates across Canada, Nigeria, and South Africa, delivering digital skills training, career development programs, and entrepreneurship initiatives. As the organization expanded, its digital presence struggled to communicate the breadth of its impact, support multiple audience types, and provide a scalable way for staff to manage content independently. I redesigned the entire website ecosystem, creating a flexible, multi-region experience that helps participants discover programs, enables partners to understand impact, and gives staff full control over content management.

Role:

Product Designer & Wordpress Developer

Tools Used:

Figma, Woodpress

Page Count:

15 pages including home, about, programs, events, blog posts

Deliverable:

A complete website ecosystem designed to support program discovery, community engagement, and long-term organizational growth.

Industry:

Nonprofit / International Development / Digital Inclusion / Skills Training

/

/

Be Future Ready Non-Profit

Be Future Ready Non-Profit

2026

Designing a scalable digital ecosystem for a nonprofit operating across Canada, Nigeria, and South Africa.

Overview:

Be Future Ready (BFR) operates across Canada, Nigeria, and South Africa, delivering digital skills training, career development programs, and entrepreneurship initiatives. As the organization expanded, its digital presence struggled to communicate the breadth of its impact, support multiple audience types, and provide a scalable way for staff to manage content independently. I redesigned the entire website ecosystem, creating a flexible, multi-region experience that helps participants discover programs, enables partners to understand impact, and gives staff full control over content management.

Role:

Product Designer & Wordpress Developer

Tools Used:

Figma, Woodpress

Page Count:

15 pages including home, about, programs, events, blog posts

Deliverable:

A complete website ecosystem designed to support program discovery, community engagement, and long-term organizational growth.

Industry:

Nonprofit / International Development / Digital Inclusion / Skills Training

/

/

Be Future Ready Non-Profit

Be Future Ready Non-Profit

2026

Designing a scalable digital ecosystem for a nonprofit operating across Canada, Nigeria, and South Africa.

Overview:

Be Future Ready (BFR) operates across Canada, Nigeria, and South Africa, delivering digital skills training, career development programs, and entrepreneurship initiatives. As the organization expanded, its digital presence struggled to communicate the breadth of its impact, support multiple audience types, and provide a scalable way for staff to manage content independently. I redesigned the entire website ecosystem, creating a flexible, multi-region experience that helps participants discover programs, enables partners to understand impact, and gives staff full control over content management.

Role:

Product Designer & Wordpress Developer

Tools Used:

Figma, Woodpress

Page Count:

15 pages including home, about, programs, events, blog posts

Deliverable:

A complete website ecosystem designed to support program discovery, community engagement, and long-term organizational growth.

Industry:

Nonprofit / International Development / Digital Inclusion / Skills Training

/

/

Be Future Ready Non-Profit

Be Future Ready Non-Profit

2026

Designing a scalable digital ecosystem for a nonprofit operating across Canada, Nigeria, and South Africa.

Overview:

Be Future Ready (BFR) operates across Canada, Nigeria, and South Africa, delivering digital skills training, career development programs, and entrepreneurship initiatives. As the organization expanded, its digital presence struggled to communicate the breadth of its impact, support multiple audience types, and provide a scalable way for staff to manage content independently. I redesigned the entire website ecosystem, creating a flexible, multi-region experience that helps participants discover programs, enables partners to understand impact, and gives staff full control over content management.

Role:

Product Designer & Wordpress Developer

Tools Used:

Figma, Woodpress

Page Count:

15 pages including home, about, programs, events, blog posts

Deliverable:

A complete website ecosystem designed to support program discovery, community engagement, and long-term organizational growth.

Industry:

Nonprofit / International Development / Digital Inclusion / Skills Training

Elements

See the highlights of this website

Hero Section

from

Landing Page
Hero Section

from

About us
UX Writing

from

Programs
Page Layout

from

Content
Page Layout

from

About
Page Layout

from

Content
Events

from

Events
Posts

from

Blogs and Resources
Footer

from

Footer
Mobile

from

Main Content
Mobile

from

Main Content
Mobile

from

Main Content

IMPACT

Strategic Value:

  • Unified global presence: Single website serving 3 countries with localized content

  • Operational efficiency: Staff can now manage all content without developer support

  • Community trust: Detailed impact stories, partner showcases, and past events build credibility

  • Multiple conversion paths: Serves diverse user needs (participants, partners, donors, volunteers)

  • Reduced support inquiries by 60% through comprehensive FAQ and resource sections

  • Average page time increased from 0:45 to 2:30 across all pages

Scope

  • 14 primary pages + 3 country-specific hub pages

  • Responsive design (1440px desktop, 768px tablet, 375px mobile)

  • Content management system enabling non-technical staff to manage programs, events, resources, and blog posts independently

Core Pages

  1. Home — Hero, impact stats, program overview, testimonials, CTA pathways

  2. About Us — Mission, vision, values, team bios, board members

  3. Programs Overview — 3-country navigation, program descriptions, outcomes

  4. Canada Programs Hub — Programs, past events, upcoming events, resources, partners

  5. Nigeria Programs Hub — Career workshops, upcoming robotics program, partnerships

  6. South Africa Programs Hub — Active robotics program, STEAM partnerships, impact stories

  7. Contact Us — Contact form, inquiry routing, response time transparency

  8. Resources — 30+ downloadable guides, toolkits, curriculum materials

  9. Blog — Content management system for publishing updates and insights

  10. Privacy Policy — Legal compliance, accessibility-focused design

  11. Individual Blog Post — Optimized for reading, social sharing, related content

  12. Individual Event Page — Full event details, photo gallery, testimonials, resources

  13. Event Registration Flow — Multi-step form, confirmation page, CTA to next steps

  14. Partners — Logo showcase, partnership models, partnership request form

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#FD4D01

#0F1929

Sync

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#FD4D01

#0F1929

Sync

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#FD4D01

#0F1929

Sync

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#FD4D01

#0F1929

Sync

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#FD4D01

#0F1929

Sync

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#FD4D01

#0F1929

Sync

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#FD4D01

#0F1929

Sync

Aa

AVAILABLE FOR NEW PROJECTS

Let’s build something people remember

Want to discuss your next project? Lets set up a meet

Available for projects

DROP ME AN EMAIL

olorunfemiayobami26@gmail.com

Copy email

DesignByAyo

2026 Ayobami Joshua Olorunfemi. All rights reserved

AVAILABLE FOR NEW PROJECTS

Let’s build something people remember

Want to discuss your next project? Lets set up a meet

Available for projects

DROP ME AN EMAIL

olorunfemiayobami26@gmail.com

Copy email

DesignByAyo

2026 Ayobami Joshua Olorunfemi. All rights reserved

AVAILABLE FOR NEW PROJECTS

Let’s build something people remember

Want to discuss your next project? Lets set up a meet

Available for projects

DROP ME AN EMAIL

olorunfemiayobami26@gmail.com

Copy email

DesignByAyo

2026 Ayobami Joshua Olorunfemi. All rights reserved

AVAILABLE FOR NEW PROJECTS

Let’s build something people remember

Want to discuss your next project? Lets set up a meet

Available for projects

DROP ME AN EMAIL

olorunfemiayobami26@gmail.com

Copy email

DesignByAyo

2026 Ayobami Joshua Olorunfemi. All rights reserved

AVAILABLE FOR NEW PROJECTS

Let’s build something people remember

Want to discuss your next project? Lets set up a meet

Available for projects

DROP ME AN EMAIL

olorunfemiayobami26@gmail.com

Copy email

DesignByAyo

2026 Ayobami Joshua Olorunfemi. All rights reserved

AVAILABLE FOR NEW PROJECTS

Let’s build something people remember

Want to discuss your next project? Lets set up a meet

Available for projects

DROP ME AN EMAIL

olorunfemiayobami26@gmail.com

Copy email

DesignByAyo

2026 Ayobami Joshua Olorunfemi. All rights reserved

AVAILABLE FOR NEW PROJECTS

Let’s build something people remember

Want to discuss your next project? Lets set up a meet

Available for projects

DROP ME AN EMAIL

olorunfemiayobami26@gmail.com

Copy email

DesignByAyo

2026 Ayobami Joshua Olorunfemi. All rights reserved

A

D

Intro

Key Screens

Impact

Colors and Font

Visit site

A

D

Intro

Key Screens

Impact

Colors and Font

Visit site

Create a free website with Framer, the website builder loved by startups, designers and agencies.