All workCase study 05 / 10

Zacrac Learning

A website redesign for an online school that gives students world-class courses in data science and analytics.

Contribution
Website redesign, UI
Timeline
Aug – Oct 2022
Team
Wale Adeyemo, Kemi Oluwakemi, David Sawe
Platform
Responsive web
Outcome
Add your headline result
Reading
TL;DR

Learn. Grow. Thrive.

The problemZacrac needed a website with a clear visual direction that made it easy for students to find, understand and choose a course.
What I didSet the visual direction and redesigned the key pages, led by a course page built around how learners decide.
The resultA delighted client: the project WhatsApp group filled with praise at the reveal. Add a conversion metric if you have one.
Problem & my role

Education as a way into work.

With unemployment at 37% in Nigeria in 2023 (NESG), a young, growing population needs new routes into good jobs. Zacrac's data science and analytics courses are one of those routes. The website's job is to help a hopeful learner choose one with confidence.

The journey, illustrated

  1. 01A young learner wants a skill that leads to a job, and data science looks like a way in.

  2. 02Is this for me? What will I actually learn, module by module?

  3. 03Can I trust it? Who's teaching, and do they know the industry?

  4. 04Does it fit my life? How are classes run, when, and what does it cost?

  5. 05The course page answers each question in order: curriculum, instructor, format and price.

  6. 06And one clear action, in reach the moment they decide.

Illustrative, drawn for this case study from the research and design described here.

What I owned
  • Visual direction for the platform's web presence
  • The course page: structure, content hierarchy and the curriculum pattern
  • Instructors, Products and Other Services pages
  • Collaboration with Wale Adeyemo, Kemi Oluwakemi and David Sawe over three months
How the work ran · Aug – Oct 2022
  1. 01 · UnderstandBrief & context
    Client goalsAudience
  2. 02 · DirectionVisual language
    TypeColourImagery
  3. 03 · DesignKey pages
    CourseInstructorsProducts
  4. 04 · RevealClient review
    FeedbackHandoff
Understanding the brief

Who's on the other side of the screen.

ContextMarket & audienceYoung Nigerians looking for skills that lead to jobs, many new to data science.
ClientStakeholder sessionsWorking with the Zacrac team to understand their ideas, offers and goals for the site.
ContentPage inventoryCourses, instructors, products and other services, and how they relate.
AddAny audit or datae.g. analytics, a heuristic review or learner feedback you used.
What a learner needs to decide
2 Is this for me?
What will I actually learn, module by module?
Can I keep up as a beginner?
2 Can I trust it?
Who's teaching, and do they know the industry?
Will it help me get a job?
2 Does it fit my life?
How are classes run, and when?
What does it cost?

The questions the course page had to answer, mapped from the brief and the client's audience. Replace with real learner quotes if you have them.

Insights

What shaped the redesign.

01

The course page is where decisions happen.

Every learner question above lands on one page.

So wemade the course page the centre of the redesign.
02

Learners need detail without overwhelm.

A full curriculum is long, but hiding it loses trust.

So weused a clean accordion for the curriculum.
03

Credibility comes from people.

“Who's teaching?” is part of choosing a course.

So wegave instructors a dedicated page.
Key decisions

Clarity over completeness.

1An accordion curriculum on the course pageEvidence · Insight 02
Options

List every module and lesson in full, or summarise and link out.

Decision

A clean accordion: every module visible at a glance, with lessons one tap away.

Why

It gives users enough information to decide as they move through the page, at their own depth.

Trade-off

Detail sits behind a tap, so module titles have to carry the meaning on their own.

2A visual direction that's ambitious but welcomingContext · the audience
The gap

The platform's ideas were strong, but the website had no consistent visual direction.

Decision

Bold headlines (“Learn. Grow. Thrive.”), a purple-to-orange gradient for key actions, and real photography of learners.

Why

Data science can feel intimidating. The site should feel aspirational and human at the same time.

Trade-off

Photography makes the site depend on good image sourcing.

Final design

Four pages, one direction.

Course pageThe decision page: overview, format, curriculum accordion and a clear call to action.
InstructorsPuts faces and credibility behind each course.
ProductsThe full catalogue of learning offers, easy to scan.
Other servicesRoom for Zacrac's offers beyond single courses, such as enterprise.
Impact

A client who couldn't stop smiling.

Praise across the teamI joined the project WhatsApp group after the reveal and found it full of accolades for the work.
—Add a metric: e.g. enrolment conversion after launch
—Add a metric: e.g. time on the course page or bounce rate
How I'd measure success · proposed
  • Insight 01Enrolment conversionConversion rate: course page visits that end in an enrolment.
  • Insight 01Course page bounce rateBounce rate: visits that leave without interacting.
  • Insight 02Reaching the decision pointsScroll heatmap: share of visitors who reach the curriculum and the price card.
  • Decision 1Curriculum engagementClick heatmap: share of visitors who open at least one module.
  • Insight 03Credibility before enrollingNavigation flow: share of enrolments that viewed an instructor first.
Reflection

Bringing someone's ideas to life.

  • Direction unlocks everything. Giving the platform a visual direction made every later page decision faster.
  • Ease of use is the brief. A beautiful course page still has to answer a learner's questions in order.
  • Client joy matters. My favourite part was seeing how satisfied the team was when they saw the work.
Prototype · optional

Choose a course with confidence.

The course page, rebuilt so you can use it. The curriculum accordion is the pattern I introduced in the redesign.

Open the interactive prototypeOptional: try the core flow yourself, with the reasoning at each step.Open ↓Close ↑
Class Format ▾Explore ▾PricingEnterprise

Data Science & Analytics

Go from spreadsheets to machine learning with real projects, mentor feedback and a portfolio you can show employers.

Beginner friendlyCertificateCapstone project
Choose your class format
₦250,000
Weekday evenings with an instructor · next cohort starts Monday
Curriculum
  • Asking questions data can answer
  • Cleaning messy data
  • Pivot tables and lookups
  • Selecting and filtering
  • Joins without fear
  • Aggregations for reporting
  • Notebooks and pandas
  • Exploratory analysis
  • Charts that tell a story
  • Regression and classification
  • Evaluating a model
  • Capstone project
Your instructor
Lead instructor
Data scientist · industry mentor

You're in. Welcome to Zacrac!

Your first live class is on Monday evening. We've sent the joining link to your email.

Try it yourself

  1. Switch the class format
  2. Open a module in the curriculum
  3. Enroll
Why it works

Each step you complete explains the design decision behind it.

An interactive recreation of the redesigned course page. Course content and prices are illustrative.

Jump anywhere

Go to a section, a case study or a chapter