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

/

/

Foundation for Christian Excellence

Foundation for Christian Excellence

2026

Designing a ministry platform that brings biblical teaching, discipleship resources, and community transformation into one warm, accessible digital home.

Overview:

The Foundation for Christian Excellence needed a website that could serve two audiences at once — the everyday believer looking for weekly spiritual nourishment, and the scholar or ministry leader seeking serious biblical teaching. With content spanning weekly articles, audio teachings, four upcoming books, a speaking ministry, and a discipleship team, the goal was to create a unified platform that felt like a trusted ministry — not a generic church website or a cold nonprofit page.

Role:

Developer and Designer

Duties:

Brand Direction, Information Architecture, UX & UI Design, Content Strategy, Responsive Design, Framer Development

Tools Used:

Figma, Framer

Page Count:

9 pages including home, about, blog posts, contact, resources

Deliverable:

A full multi-page ministry website designed and built in Framer, featuring a homepage, about page, resources hub, audio teachings section, books coming soon, speaking engagement request form, core values, team section, and integrated email collection — fully responsive across desktop, tablet, and mobile.

Industry:

Ministry / Biblical Education / Nonprofit

/

/

Foundation for Christian Excellence

Foundation for Christian Excellence

2026

Designing a ministry platform that brings biblical teaching, discipleship resources, and community transformation into one warm, accessible digital home.

Overview:

The Foundation for Christian Excellence needed a website that could serve two audiences at once — the everyday believer looking for weekly spiritual nourishment, and the scholar or ministry leader seeking serious biblical teaching. With content spanning weekly articles, audio teachings, four upcoming books, a speaking ministry, and a discipleship team, the goal was to create a unified platform that felt like a trusted ministry — not a generic church website or a cold nonprofit page.

Role:

Developer and Designer

Duties:

Brand Direction, Information Architecture, UX & UI Design, Content Strategy, Responsive Design, Framer Development

Tools Used:

Figma, Framer

Page Count:

9 pages including home, about, blog posts, contact, resources

Deliverable:

A full multi-page ministry website designed and built in Framer, featuring a homepage, about page, resources hub, audio teachings section, books coming soon, speaking engagement request form, core values, team section, and integrated email collection — fully responsive across desktop, tablet, and mobile.

Industry:

Ministry / Biblical Education / Nonprofit

/

/

Foundation for Christian Excellence

Foundation for Christian Excellence

2026

Designing a ministry platform that brings biblical teaching, discipleship resources, and community transformation into one warm, accessible digital home.

Overview:

The Foundation for Christian Excellence needed a website that could serve two audiences at once — the everyday believer looking for weekly spiritual nourishment, and the scholar or ministry leader seeking serious biblical teaching. With content spanning weekly articles, audio teachings, four upcoming books, a speaking ministry, and a discipleship team, the goal was to create a unified platform that felt like a trusted ministry — not a generic church website or a cold nonprofit page.

Role:

Developer and Designer

Duties:

Brand Direction, Information Architecture, UX & UI Design, Content Strategy, Responsive Design, Framer Development

Tools Used:

Figma, Framer

Page Count:

9 pages including home, about, blog posts, contact, resources

Deliverable:

A full multi-page ministry website designed and built in Framer, featuring a homepage, about page, resources hub, audio teachings section, books coming soon, speaking engagement request form, core values, team section, and integrated email collection — fully responsive across desktop, tablet, and mobile.

Industry:

Ministry / Biblical Education / Nonprofit

/

/

Foundation for Christian Excellence

Foundation for Christian Excellence

2026

Designing a ministry platform that brings biblical teaching, discipleship resources, and community transformation into one warm, accessible digital home.

Overview:

The Foundation for Christian Excellence needed a website that could serve two audiences at once — the everyday believer looking for weekly spiritual nourishment, and the scholar or ministry leader seeking serious biblical teaching. With content spanning weekly articles, audio teachings, four upcoming books, a speaking ministry, and a discipleship team, the goal was to create a unified platform that felt like a trusted ministry — not a generic church website or a cold nonprofit page.

Role:

Developer and Designer

Duties:

Brand Direction, Information Architecture, UX & UI Design, Content Strategy, Responsive Design, Framer Development

Tools Used:

Figma, Framer

Page Count:

9 pages including home, about, blog posts, contact, resources

Deliverable:

A full multi-page ministry website designed and built in Framer, featuring a homepage, about page, resources hub, audio teachings section, books coming soon, speaking engagement request form, core values, team section, and integrated email collection — fully responsive across desktop, tablet, and mobile.

Industry:

Ministry / Biblical Education / Nonprofit

/

/

Foundation for Christian Excellence

Foundation for Christian Excellence

2026

Designing a ministry platform that brings biblical teaching, discipleship resources, and community transformation into one warm, accessible digital home.

Overview:

The Foundation for Christian Excellence needed a website that could serve two audiences at once — the everyday believer looking for weekly spiritual nourishment, and the scholar or ministry leader seeking serious biblical teaching. With content spanning weekly articles, audio teachings, four upcoming books, a speaking ministry, and a discipleship team, the goal was to create a unified platform that felt like a trusted ministry — not a generic church website or a cold nonprofit page.

Role:

Developer and Designer

Duties:

Brand Direction, Information Architecture, UX & UI Design, Content Strategy, Responsive Design, Framer Development

Tools Used:

Figma, Framer

Page Count:

9 pages including home, about, blog posts, contact, resources

Deliverable:

A full multi-page ministry website designed and built in Framer, featuring a homepage, about page, resources hub, audio teachings section, books coming soon, speaking engagement request form, core values, team section, and integrated email collection — fully responsive across desktop, tablet, and mobile.

Industry:

Ministry / Biblical Education / Nonprofit

Elements

See the highlights of this website

Hero Section
Founder Details
Page Layout
Page Layout
Page Layout
Carrousal
Page Layout
Page Layout

KEY DESIGN DECISIONS

Dual Audience, One Visual Language

The Foundation for Christian Excellence serves two distinct audiences — the everyday believer seeking weekly spiritual nourishment, and the academic or ministry leader looking for serious theological depth. Rather than designing for one at the expense of the other, the visual language was built to hold both. A deep navy and gold palette carries the weight of scholarship while retaining the warmth of pastoral ministry. Playfair Display brings gravitas to headlines without feeling cold, and Inter keeps body text approachable and readable at every size. The result is a site that feels credible to a professor and welcoming to a first-time visitor in equal measure.

Teaching Ministry, Not a Church

One of the most deliberate decisions in this project was defining what the site should not feel like. Foundation for Christian Excellence is not a congregation — it is a teaching ministry, and every copy and design decision had to reinforce that distinction. Section labels were renamed, CTAs were rewritten, and the entire content hierarchy was restructured around learning and equipping rather than attending and belonging. Phrases like "join our congregation" were replaced with "go deeper in the Word." The site was designed to feel less like a church homepage and more like the opening pages of a well-written theological textbook — warm, purposeful, and intellectually serious.

Email Collection as the Primary Conversion Goal

From the first wireframe, the site architecture was built around a single primary goal: getting visitors to subscribe to the weekly article newsletter. Rather than placing one generic subscribe form in the footer and hoping visitors would find it, the subscription CTA was woven into five distinct moments across the page — the hero, the weekly writings section, the books coming soon section, the audio teachings section, and the footer — each with fresh, contextual copy tailored to where the visitor was in their journey. This approach treats the email list not as a marketing tool but as the front door to an ongoing teaching relationship.

Content-First Responsive Design

With a primarily Nigerian audience accessing the site on mid-range Android devices, responsive design was not an afterthought — it was a core constraint from the beginning. The site was designed across six breakpoints in Framer, from 1600px desktop down to 375px mobile, with particular attention paid to how the gold-on-navy colour combination performed at lower display brightness and contrast settings common on Tecno and Infinix screens. Typography scales, card layouts, and navigation behaviour were each tested and adjusted per breakpoint to ensure the teaching content remained readable, accessible, and visually consistent regardless of the device a visitor arrived on.

BRANDING

logo-emblem
logo-wordmark

Video Preview

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#C9A84C

#1A2744

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#C9A84C

#1A2744

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#C9A84C

#1A2744

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#C9A84C

#1A2744

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#C9A84C

#1A2744

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#C9A84C

#1A2744

Aa

Color Palette

This website uses a color palette of 3 colors

#FFFFFF

#C9A84C

#1A2744

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

Colors and Font

Visit site

A

D

Intro

Key Screens

Colors and Font

Visit site

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