Design & Development About Music

Singleton Foundation

Role

UI/UX Design, Front-End Development

Platform

Website

Year

2023

Timeline

Under 80 hours

Team

Solo

Tools

WordPress, Elementor

See it live

Visit singletonfoundation.org

Overview

The Singleton Foundation for Financial Literacy and Entrepreneurship runs programs that make financial competence fun and accessible, from the Million Stories video channel to the Venture Valley business simulation game.

I designed and built the entire site solo in under 80 hours. With a budget weighted toward development, I designed only two key pages, for desktop and mobile, and built every other page directly in WordPress with Elementor, extending that design system as I went.

01Homepage

Leading with the mission

The homepage opens with the Foundation’s mission and a direct download of its 2024 Impact Report.

Singleton Foundation homepage hero

02Proof, then programs

Numbers up front

Impact stats come first, including 1.5M+ community members and 237K+ students reached through Venture Valley, followed by the Foundation’s key programs.

Singleton Foundation impact stats and key programs

03A repeatable system

One pattern, every program

Each program gets the same building blocks: logo, a one-line pitch, a product visual, and a link out. That consistency is what let the rest of the site be built quickly in Elementor.

Singleton Foundation program sections

04Programs

Every initiative in one place

The programs page gives Million Stories, Venture Valley, Slyngshot, Groove, and the CEO Prize their own sections, each with carousels and key results.

Singleton Foundation programs page

05About

The story behind the Foundation

The about page introduces the founders, the Foundation’s goal, and the meaning behind its hummingbird symbol.

Singleton Foundation about page

06Impact

Scaling real-world impact

The impact page leads with reach, including 250M+ video views, and offers the annual impact report alongside the Foundation’s awards.

Singleton Foundation impact page

07Get involved

Clear paths for partners

Partnership options are split by sector, education and nonprofit or corporate and foundation, ending in a simple contact form.

Singleton Foundation get involved page

08Mobile

Designed for phones from the start

Mobile was part of the original two-page design, and the same approach carried through every page built afterward.

Singleton Foundation website on mobile

09Outcome

A full site on a tight budget

Two key pages designed, then every remaining page built directly in Elementor, solo, in under 80 hours.

See the live site

Explore the full Singleton Foundation website, designed and built in WordPress with Elementor.

Visit singletonfoundation.org