Designer

Aliyon Tembo

Mobile App2024

ZitFuse Mobile App Redesign

Redesigning Zitfuse Ed-tech Application to make Learning faster, simpler, and more accessible for everyday University Students.

Duration

4 months

Role

Lead UX Designer

Tools

Figma, Principle, Maze, Miro

The Challenge

University students were struggling to keep up with their coursework due to missed lectures, poor access to quality resources, and a lack of syllabus-specific tutorials. Over 70% relied on scattered notes from WhatsApp groups, while YouTube content rarely aligned with what was taught in class. This led to low confidence, poor exam performance, and high academic stress—especially during finals week.

Key Problems Identified

Limited access to consistent, quality learning materials.
Inadequate revision tools and fragmented course resources.
Missed lectures due to scheduling conflicts or illness.
Over-reliance on in-person learning with little digital backup.

Design Process

Research

Understanding user pain points and market opportunities in mobile banking.

Conducted 15 user interviews with Students at the CopperBelt University Students
Analyzed competitor apps and identified key gaps
Created user personas based on research findings
Mapped current user journey and pain points

Ideation

Brainstorming solutions and defining the product strategy.

Facilitated design thinking workshops with stakeholders
Created 'How Might We' statements for key problems
Sketched initial concepts and user flows
Prioritized features based on user impact and business value

Design

Creating high-fidelity designs and interactive prototypes.

Developed comprehensive design system and component library
Created wireframes and high-fidelity mockups
Built interactive prototypes for key user flows
Ensured accessibility compliance and inclusive design

Testing

Validating designs through user testing and iteration.

Conducted moderated usability testing with 12 participants
A/B tested key interface elements and interactions
Gathered feedback from internal stakeholders
Iterated designs based on testing insights

Visual Design

The new design focuses on clarity, speed, and accessibility. We implemented a clean visual hierarchy with bold typography and strategic use of color to guide users through their financial tasks.

Key screens from the Zitfuse mobile app redesign

Redesigned Zitfuse app interface, showing courses

Interface showing the AI chatbot feature for student support

Interface displaying the payment flow for course subscriptions

Results & Impact

The redesigned Zitfuse app launched to immediate positive feedback from users and significant improvements in key metrics across the board.

400%

User retentions & Growth

Increased user base from a mere 100 to over 4000+ students

4.8★

App Store Rating

Improved from 3.2 to 4.8 stars after redesign

85%

User Satisfaction

Increase in overall user satisfaction scores

User Research

We conducted extensive user research to understand the pain points and needs of mobile banking users. This research formed the foundation of our design decisions.

Mukula Chikonde

19 • First-Year University Student

A tech-savvy student who values quick access to course materials and a smooth mobile learning experience.

Goals

Access lecture videos and notes instantly
Stay updated with class schedules and announcements
Use a mobile-friendly platform for on-the-go studying

Frustrations

Slow-loading content
Disorganized course layout
Limited offline access to resources

Mike Tembo

25 • Part-Time Student & Working Professional

A busy professional pursuing a degree while managing work commitments. Needs flexibility and clarity in learning.

Goals

Learn at his own pace through pre-recorded sessions
Track progress and upcoming deadlines
Easily download and organize materials for offline use

Frustrations

No progress tracking dashboard
Unclear module structure
Lack of reminders or notifications for deadlines

User Journey Map

Onboarding

Actions

Downloads Zitfuse app
Creates account
Explores subject catalog

Thoughts

"Looks promising"
"Hope it has my exam content"

Emotion

curious

Opportunities

Add course recommendation engine
Highlight popular subjects upfront

First Use

Actions

Selects a subject
Accesses lesson
Downloads past papers

Thoughts

"This is helpful"
"Nice that I can use it offline"

Emotion

satisfied

Opportunities

Introduce guided walkthrough
Gamify first few actions for engagement

Revision Flow

Actions

Takes a quiz
Checks instant feedback
Bookmarks tough questions

Thoughts

"This feels like real exam prep"
"I need more of these tests"

Emotion

motivated

Opportunities

Auto-suggest more quizzes based on performance
Allow custom quiz generation

Community Interaction

Actions

Asks a question in forum
Replies to a peer
Likes tutor comment

Thoughts

"Good to see others studying"
"This is encouraging"

Emotion

connected

Opportunities

Push notifications for active threads
Highlight expert responses

Subscription Decision

Actions

Views pricing
Compares course options
Proceeds to payment

Thoughts

"K65 is fair"
"Do I really need all subjects now?"

Emotion

hesitant

Opportunities

Offer trial or bundle discount
Provide testimonial popups at checkout

Long-Term Use

Actions

Completes a module
Gets progress badge
Shares referral link

Thoughts

"I’ve made real progress"
"Let me tell my friends"

Emotion

accomplished

Opportunities

Unlock social sharing incentives
Show monthly learning summary

Design System

We created a comprehensive design system to ensure consistency across all touchpoints and enable faster design and development iterations.

Color Palette

Primary Yellow

#FFC727

Primary actions, links

Secondary Purple

#5344C2

Headings, CTA

Success Green

#10B981

Success states, confirmations

Error Red

#EF4444

Errors, destructive actions

Neutral Gray

#6B7280

Secondary text, borders

Background

#F9FAFB

Page backgrounds, cards