All work

04 · Case study

VyaPower by M3M Foundation

Learn entrepreneurship in 20 modules.

An entrepreneurship programme by M3M Foundation for first-time founders. Learners go through 20 modules of stories, real business examples and activities, pass a quiz after each one, and finish with a certificate.

Industry
Education
Platform
WordPress and WooCommerce
What I did
UI/UX design, WordPress, learning platform
Live
learning.fundink.in
VyaPower home page: Empowering ideas, building entrepreneurs
( 01 )

About the project

VyaPower is free and built for beginners. A long course has to feel light, so the platform shows one module at a time and one clear next step.

It runs on WordPress and WooCommerce, which keeps it easy for the M3M Foundation team to update.

Stories, not theorythe content
Pass the quiz to move onthe rule
Certificate at the endthe reward
( 02 )

How an idea becomes an experience ☕

The goal

Take a first-time learner from registering to a completion certificate, with the next step always obvious.

  1. 01
    Discovery

    Coffee Before Figma

    Before opening Figma, we sit down over a coffee and talk.

    What are we building? Who is it for? What problem are we solving? What does success look like?

    On VyaPowerFirst-time founders as learners, and NGOs or institutions as partners.

  2. 02
    Research

    Find the Beans

    We look for the best beans before we brew.

    We study competitors, users, trends and references to understand what works, what doesn't, and where we can do something different.

    On VyaPowerWhat keeps beginners learning: stories, activities, and a quiz that unlocks the next step.

  3. 03
    Strategy

    Get the Blend Right

    Now we work out the right mix.

    We map the user journey, information architecture and key interactions, turning a messy idea into a clear plan.

    On VyaPowerRegister, learn, quiz, certificate, with 20 modules unlocked one at a time.

  4. 04
    Wireframes

    Sketch the Cup

    No fancy latte art yet. Just getting the shape right.

    We create wireframes and explore different layouts and flows before spending time on the final visual design.

    On VyaPowerLayouts for the course page, module screens and quiz explored before styling.

  5. 05
    UI Design

    Add the Flavour

    Now the personality comes in.

    Typography, colours, imagery, motion and visual details come together to give the product its character.

    On VyaPowerM3M Foundation and VyaPower blue and green, with clear and friendly Inter type.

  6. 06
    Design System

    Set Up the Machine

    Good experiences need a system behind them.

    We build reusable components, styles and design rules so everything stays consistent as the product grows.

    On VyaPowerCourse cards, module rows and quiz states set once and reused for every module.

  7. 07
    Prototype

    Bring It to Life

    A static design starts coming alive.

    We prototype interactions, transitions and micro-animations to experience the product before development.

    On VyaPowerModule unlock and quiz result moments planned so progress feels rewarding.

  8. 08
    Development

    From Counter to Customer

    Time to take it from the counter to the customer.

    The designs are developed into a responsive, functional product while keeping the original experience intact.

    On VyaPowerBuilt on WordPress and WooCommerce as a working learning platform.

  9. 09
    QA

    Taste & Tweak

    We taste everything before serving it.

    We test responsiveness, interactions, usability and visual details, then refine whatever doesn't feel right.

    On VyaPowerRegistration, quizzes and the certificate flow checked, then fixed where needed.

  10. 10
    Launch

    Ready to Serve

    The experience is ready for the real world.

    We launch, monitor performance and make sure the final product feels as good in reality as it did in Figma.

    On VyaPowerLive at learning.fundink.in, free for every learner.

( 03 )

Who it is for

Aspiring entrepreneur

who
First-time founder, often young or a woman
wants
Practical learning with simple stories and the confidence to start.
difficulty
Doesn't know where to begin, or whether they can.
what I designed
A four-step journey on the home page, one module at a time, a quiz that unlocks the next module, and a certificate.

NGO or institution

who
Partner who could take VyaPower into a community
wants
A programme they can trust and point people to.
difficulty
Needs proof before putting their name to a programme.
what I designed
A partners strip, messages from the foundation's leaders, a stories section and a Join Us page.
( 04 )

User flow

The learner's path is green: register, learn, pass the quiz, unlock the next module, earn the certificate.

Next moduleCertificateQuizStory and activity20 modulesCoursesRegisterJoin UsVyaPower in ActionFAQsContactHome

Scroll sideways to see the whole flow

StartPage or stepScreen detailPath to a result
( 05 )

Visual design

Palette

  • Brand blue#0347AC
  • Growth green#52B451
  • Deep teal#0A3C5F
  • Cloud#EEF1F4
  • White#FFFFFF

Type

Learn, Build, Grow

Inter · 600 to 700 · headlines

Learn entrepreneurship through simple stories and real-life business examples instead of difficult theories.

Inter · 400 · body and interface

Selected screens

The programme card with level and price, and the four benefits of the course
The programme card: level, price and one clear button.
What the programme gives you: practical learning, hands-on activities, module-wise quizzes and a completion certificate
What the programme promises, one line each.
Start your VyaPower journey in 4 simple steps: register, learn and practise, complete every quiz, earn your certificate
The whole journey in four steps, right on the home page.
( 06 )

Build and platform

Built with

  • WordPress
  • WooCommerce
  • Learning platform
  • Module quizzes
  • Completion certificate

What I handled

  • Product and UI design for the learning platform
  • Learner journey: register to certificate
  • Module, quiz and certificate screens
  • WordPress and WooCommerce build
( 07 )

Outcome

What shipped, and where you can see it.

  • A free 20-module entrepreneurship programme, live for learners
  • Quizzes that unlock each next module
  • A completion certificate at the end
  • Built on WordPress, so the team can keep updating it

Want a product like this?

Free intro call, fixed quote.