Skip to content
Techxagon Academy
Partner
UI/UX Design Beginner

School App UI Design

High-fidelity mobile app mockup for a school timetable app

A complete UI/UX design for a secondary school timetable app — from user research and wireframes to polished Figma mockups with a light and dark mode.

B

Blessing Uchenna

Sacred Heart Seminary, Nsude

← All Projects
🎨
About this project

This UI/UX project demonstrates the full design process: research, ideation, wireframing, and high-fidelity prototyping.

Design process

  1. Research — interviewed 5 classmates about their biggest school-day frustrations
  2. Define — key problem: students forget which classroom to go to next
  3. Wireframes — low-fidelity sketches on paper, then Figma wireframes
  4. High-fidelity mockups — full colour system, typography, and component library
  5. Prototype — interactive Figma prototype with navigation flows

Design decisions

Chose a high-contrast colour palette to ensure readability in bright outdoor light. Used a bottom navigation bar (thumb-friendly) and large tap targets to reduce errors.

Tags
#Figma

Share this project

Project Details

  • Category UI/UX Design
  • Difficulty Beginner
  • Student Blessing Uchenna
  • School Sacred Heart Seminary, Nsude

Browse By Category

All

Inspired by this project?

Your students can build projects just like this — with Techxagon Academy.

Partner with Techxagon → ← More Projects