One Story: Jesus-centred curriculum for kids and youth

A responsive marketing site design that totally encapsulates the goal of the product: to help children and youth realize their value in the Kingdom of God.

The brief

One Story is the popular kids and youth curriculum program for churches. Their curriculum includes toddlers through senior high, each one uniquely branded, and dedicates much of its resources to properly equipping leaders in the church. When they rebranded One Story, they asked me to help design the product, and design and develop a new marketing website to go along with it. This case study covers my work on the marketing website. The product is available for paying customers only, so I cannot share its contents.

One story, many collages

Telling one story with photos. Lots of photos. One Story’s website uses collages to show individual stories of children and youth coming together to become ​“one story” as part of the Kingdom of God. There are over a dozen different collage styles for the page header alone, and many collage styles for sections within individual pages as well.
A responsive marketing site design that totally encapsulates the goal of the product: to help children and youth realize their value in the Kingdom of God.
A responsive marketing site design that totally encapsulates the goal of the product: to help children and youth realize their value in the Kingdom of God.
On mobile, alternative image layouts are used for page headers that reduce the number of visible images so the site stays speedy.
On mobile, alternative image layouts are used for page headers that reduce the number of visible images so the site stays speedy.

"The One Story website is easy to work with. The team can easily add new pages with a huge variety of components, page header styles, and more. One Story’s creative team can choose from accordions, image and video carousels, product listings, featured resources resources and posts, testimonials, and much more. This gives One Story’s team of creative people an astounding amount of"

Tim Cook

Apple / California, USA

A flexible CMS

The One Story website is easy to work with. The team can easily add new pages with a huge variety of components, page header styles, and more. One Story’s creative team can choose from accordions, image and video carousels, product listings, featured resources resources and posts, testimonials, and much more. This gives One Story’s team of creative people an astounding amount of breathing room for their own art direction. No two pages ever have to be alike.
On mobile, alternative image layouts are used for page headers that reduce the number of visible images so the site stays speedy.
On mobile, alternative image layouts are used for page headers that reduce the number of visible images so the site stays speedy.
On mobile, alternative image layouts are used for page headers that reduce the number of visible images so the site stays speedy.

The results: All the numbers are up

Tribeca Therapy’s most important metrics were up immediately after launch. Conversion rate went up 60%. People spent significantly more time on the website: they clicked through to more pages, and they spent longer reading the pages they visited. (Bounce rate decreased as well.) After a few months, the effects began to be felt across the business. Founder Matt Lundquist said: ​“Thanks to my new website, I currently have a waitlist of dozens of patients, and dozens more in my inbox.” The goal we set out to achieve wasn’t just met. It was smashed.
Page views

+30%

Per session
Page views

+30%

Per session
Page views

+30%

Per session

Creative assets: Design at the molecular level

To drive the branding home, I designed a series of image collages modelled after the molecules in different anti-depression medications. I took ten different molecules and made a collage of squares over top of each one. The collages included photos used on the website, and the colours from the Tribeca Therapy logo. In total, I made three dozen different collages inspired by the molecules, and Tribeca Therapy is able to easily swap out images in these assets at any time to use in their landing pages. (See them in action on their Couples Therapy page.)
On mobile, alternative image layouts are used for page headers that reduce the number of visible images so the site stays speedy.
On mobile, alternative image layouts are used for page headers that reduce the number of visible images so the site stays speedy.
On mobile, alternative image layouts are used for page headers that reduce the number of visible images so the site stays speedy.

The website has a rich media page that includes blog posts, videos, podcasts, and a featured media carousel for everything else.

The team behind Jesus Collective makes a lot of content. The Media page on their website gives them a place to put it all. It’s designed and developed to hold a lot of content, and lazily loads all of it so the server doesn’t load resources before it’s necessary to.
The team behind Jesus Collective makes a lot of content.
The team behind Jesus Collective makes a lot of content.
The team behind Jesus Collective makes a lot of content.
The team behind Jesus Collective makes a lot of content.
The team behind Jesus Collective makes a lot of content.
The team behind Jesus Collective makes a lot of content.

Conclusion

The team behind Jesus Collective makes a lot of content. The Media page on their website gives them a place to put it all. It’s designed and developed to hold a lot of content, and lazily loads all of it so the server doesn’t load resources before it’s necessary to.

"The team behind Jesus Collective makes a lot of content. The Media page on their website gives them a place to put it all. It’s designed and developed to hold a lot of content, and lazily loads all of it so the server doesn’t load resources before it’s necessary to."

Tim Cook

Apple / California, USA

More Work

Unsung Sundays

Web design, development, and strategy for a digital music publication that increased visitors by 900% and resulted in an acquisition offer.

The New Quarterly

Website design and development, e‑commerce, and digital strategy that more than doubled digital subscriptions for one of Canada’s most prestigious literary magazines.