Designing a Bold + Innovative Marketing Site for an Ed Tech Startup

The Challenge

Abraham is the founder and CEO of Educo, an emerging ed-tech startup focused on serving the Caribbean. Through his own experience and research they discovered that the Caribbean education industry was ripe for innovation. They were actively looking for partnerships and investors, so they needed a website to:

  • Sell partners on the vision
  • Educate them on the product
  • Build trust in the team
  • Provide a way to get involved.

Services

Design | Development | PR

Results

The project was featured in the Jamaica Gleaner and received support from members of the Jamaican Parliament.

The Solution

After a discovery session and competitive audit, we aligned on two key themes to guide the design:

  • Bold and innovative: to embody the innovative spirit of the company. Educo is fresh and new, so let’s wear it on our sleeves.
  • Fun and friendly: To help people think about education differently. Often times people think of education as boring and dreary. We wanted to flip the script.

So… how did we do that?

  • The strong Montserrat font, material design elements, contrast, gradients, and drop-shadows — all give bold/futuristic vibes. The use of shapes in the header alludes to how the product is at “the bleeding edge.”
  • The warm-toned imagery shows the joy people would feel using the product. The round bouncy shapes signal fun and openness. This says the product is inviting and not so innovative that it’s out of reach.

User Experience

The goal of the website was to tell a compelling story about the product and mission so that people would get involved by investing, partnering, or donating. We broke the website into 4 of primary pages to align with this:

  • Landing: Offers an executive summary of the mission, the product, and the benefits
  • Product: Provides a full breakdown of the product and how it works
  • Team: Introduces the team and their prior experience to build trust and establish credibility
  • Donation: Allows people to sponsor students as a way to contribute

Landing

This landing page sells them on the “What” (product) and the “Why” (mission). We start by showing them that the problem is real, unmet by current solutions, but still solvable. Then we show a clear through line to our product and how it makes people’s lives easier. They can easily click to learn more about the product, the mission, or how to get involved.

Product

The vision was to create a simple and scalable design to show off all the product goodness.

Often times startups will proudly tout each and every feature and tech spec of their product. Which can sometimes be confusing and even annoying. Nobody really cares about your product 😕 they care about making their lives easier and scratching some specific itch.

The headline focuses on the value students get in using the platform. The body text focuses on how the product makes all of that possible. The goal was to take a conversational tone and keep it concise.

The visuals follow a theme of twos, reflected in the column structure and integration of devices/UI. The two-column structure has basically become the go-to visual layout for SAAS/Startup websites.

The blue background element behind the devices provides contrast and symbolizes a “red carpet” of sorts that shows the product in action.

Donation

I began with a competitive audit of all the top US nonprofits to study their storytelling style, sponsorship presentations, and donation package structure.

Emotional imagery was a common thread. You have to touch people’s hearts and show them what their impact could look like. The header image speaks to that by establishing an emotional connection above the fold. The integration of the image, text, and UI feels like the girl is watching your response to the call-to-action. Raises the stakes a little lol.

My analysis also revealed it was important to:

1) make it easy to donate on a one-time/monthly basis and

2) provide pre-populated donation levels. This creates a more streamlined experience and allows you to optimize for monthly recurring revenue.

Providing pre-populated options anchors the user, which bolsters average donation value. Even if the user decides on a custom donation amount, our donation levels will still be the frame of reference. $100 may feel like a lot in a vacuum, but when you compare it to $400, it’s not that bad.

Below the fold, the focus was:

1) re-stating the problem we’re solving and why and

2) establishing trust by highlighting everything donors get and when they can expect updates.

About

When I’m designing a UI, I often ask myself “What’s one thing I can do to make this a little special or emphasize key elements?” to help brainstorm. For this one, I thought: Shapes.

The content for this page was straightforward and the goal was to build trust in the team by sharing the mission and relevant past experience. But I felt I that playing with shapes as a visual element could bring the content to life.

The symmetrical mix of soft colored rectangles accents the key values.

The bouncy abstract background elements make the photos pop off the page.

The lines seamlessly connect each accomplishment and milestone.

All subtle and relatively simple, but it’s these kind of details that draw you in and make you wanna look a little longer.

Every second counts.

Crafting the Brand Story

Once the website was complete, we helped them to craft their brand narrative and origin story ahead of their launch event. We told a story of personal struggle and triumph that birthed the mission of the company. This helped create empathy with the cause and spur people into action. As a result, the company’s launch was featured in the Jamaica Gleaner and the product was well received by members of the parliament.

If you’d like to learn more about Educo or discuss potential projects, feel free to shoot me a ping.

Till next time — own your power, give back, and leave no stone unturned.

Black Lotus Out.

www.BlackLotus.co

--

--

--

Marketer | Designer | Founder. Sharing my favorite projects and insights

Love podcasts or audiobooks? Learn on the go with our new app.

What the F#ck are Best Practices?

UX Alive 2017

Principles Of Accessible Digital Design

Elderly woman and elderly man smiling and looking at a cell phone screen, in the background, there is a kitchen. The woman is white, with short gray hair, wears a blue plaid blouse, is sitting and pointing at her cell phone screen. The man is white, wears glasses, has short white hair, wears a white and blue shirt, is sitting in a wheelchair and holding his cell phone in front of his chest with both hands.

The very best means to Pick A Mattress Guard For A Flexible BedMattress. https://t.co/8iBcrFt1C6

Prepare for Carpet Cleaning in Brisbane, AU

Art & Design: a sibling rivalry

Solving the problems related to the face-to-face return of students to school

How to better crowdfund

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Malik Mbaye

Malik Mbaye

Marketer | Designer | Founder. Sharing my favorite projects and insights

More from Medium

We developed a digital marketing tool for B2C companies to market themselves more effectively |…

What software should I use to make my presentation?

How To Make A Custom Banner Image For LinkedIn Using Canva

The Digital Marketing Agency of Today