Band Makers Music Academy
A landing page by×Alan Productions
A landing page by Alan Productions · Showcasing the Band Makers app

Book a session.keep the music on.

This page presents the Band Makers Music Academy app — designed and demonstrated by Alan Productions. What you'll find below is a fully interactive front-end demo: every screen and every button works, exactly as the finished app will feel. The backend comes next.

New Cairo — Mivida · KODEZayed — West Square · ArkanZamalekSahelNGSC
01 — The Brief

One app.
Every lesson.

Band Makers runs on relationships — a student, a teacher, a weekly slot that becomes a ritual. The app protects that. Booking a month of lessons takes under a minute; managing your children's instruments, packages and schedules lives in one place instead of a phone-call chain.

Everything here is drawn from the academy's own brand — the yellow, the guitar, the voice — and from how the branches actually work: real packages, real teachers' calendars, real payment rails. Nothing generic, nothing borrowed.

Built on the academy
The rhythm of
a real school. weekly.

Private one-on-one sessions, the same day and time every week — the app turns that rhythm into a product.

7
Rooms · 5 areas
2
Apps · client + staff
8
Steps to booked
01

Pick your slot

Branch, instrument, teacher, time — a guided flow that reads like a conversation, not a form.

02

We handle the rest

Payment, receipts, reminders, renewals and the one-week slot hold — automatic, invisible, on time.

03

Now go practice

The app gets out of the way. Next session on the home screen, teacher's notes in the inbox.

You're booked.keep the music on.
The academy's own words — and the whole point of the app
02 — The Live Demo

Not a mockup.
A working front end.

This phone is running the real interface — tap through it. Sign in, land on home, book a full package end-to-end, register for a concert, add a child, manage every setting. Every button goes somewhere.

  • 1/8Who's playingYou, or one of your children
  • 2/8Pick a branchMivida · KODE · West Square · Arkan · Zamalek · Sahel · NGSC
  • 3/8Pick an instrumentGuitar, drums, piano, voice…
  • 4/8Pick a teacherReal profiles, ratings, next slot
  • 5/8Pick a package4, 8 or 12 sessions — cheaper up front
  • 6/8Day & timeOnly free slots are shown
  • 7/8ReviewEverything on one card
  • 8/8Pay & confirmedApple Pay · Google Pay · cards
Front end only — the teachers, prices and slots behind this demo are illustrative. The flow, screens and rules follow the academy's functional spec exactly; the backend is the next phase.
Band Makers
New Cairo · Zayed · Zamalek · Sahel · NGSC

Book a
session.

keep the music on.

Lessons, band formations, events, rehearsals & live performances — for all ages.

V1.0 · Bandmakers Music Academy
Bandmakers
Welcome back.
Sign in to manage your sessions.
Email
omar@bandmakers.com
Password
• • • • • • • •
Remember me
or
New here? Create an account
Join the
academy.
Takes about 30 seconds.
Full name
Email
Phone
Password
I agree to the Terms & Privacy Policy
Already have one? Sign in
Reset your
password.
We'll email you a reset link.
Reset link sent to omar@bandmakers.com — check your inbox.
Email
Remembered it? Sign in
Sun · May 17
Hey, Omar
Book a session
Pick your
next slot.
7 rooms · 18 teachers
Next session
Upcoming events
Book for
1/8Who's playing?
Who's the
session for?
2/8Pick a room
Which
branch?
3/8What do you play?
Pick an
instrument
4/8Your teacher
Pick a
teacher
5/8Your rate
Pick a
package
The more sessions you book up front, the lower your per-session rate. Use them anytime within 6 months.
6/8Day & time
Pick day
& time
Week of May 18 – 24
Available slots · 60 min each
Selected slotWed May 20 · 6:30 PM
7/8Last look
Review
your booking
8 sessions w/ Karim H.
First lesson · Wed May 20 · 6:30 PM
Details
Booking forOmar (you)
BranchKODE · New Cairo
InstrumentElectric Guitar
TeacherKarim H. · 4.9 ★
Package8 sessions
TotalEGP 4,800
8/8Almost there
Pay &
confirm
BandmakersReceipt #BM-20520
8 sessions · Electric GuitarEGP 4,800
Tax 14%EGP 672
Pay todayEGP 5,472
Payment method
Secured · Paymob · 256-bit TLS
BM-20520 — Confirmed

You're
booked.

keep the music on.

Wed May 20 · 6:30 PM with Karim H. at KODE. We sent the receipt to your email and added it to your calendar.

3 new · All caught up soon
Inbox
Session tomorrow at 6:30 PM
Electric guitar with Karim H. at KODE. Tap to add to calendar.
Just now
Payment received · EGP 4,800
8-session package (Lvl 2) — receipt sent to your email.
2h ago
Karim sent you a note
"Please bring your tuner next time, we'll work on bends."
Yesterday
Layla's lesson moved to 5:00 PM
Confirmed by the academy. Reason: teacher availability.
Sat 14
Sahel summer schedule is live
Book your beach-season slots before they fill up.
8 May
The Spring Concert — June 6
Karim H. recommended you for a live-band slot.
2 May
Account
Profile
O Omar El-Sayed
omar@bandmakers.com
Member · 14 mo22 sessions
Account
Preferences
Support
Profile · Children
My family
O Omar (you)
Account owner · book for yourself anytime
Children · 2
L Layla El-Sayed
Age 9 · Piano · Beginner
Next:
Wed 5 PM
Y Yousef El-Sayed
Age 12 · Drums · Lvl 1
Next:
Thu 6 PM
Family · New profile
Add a
child.
They'll get their own track — instrument, level and teacher notes.
Child's name
Age
Instrument (we'll suggest by age)
Account · Bookings
My
bookings
Tap a booking for actions — one free reschedule a month, 24h notice.
Upcoming
History
Account · Profile
Edit
profile.
Full name
Email
Phone
Address
Account · Security
Password
& security.
Current password
New password
Confirm new password
Preferences · Alerts
Notifications.
Critical alerts — payment failures, cancellations — always arrive.
Push
Email
Preferences · Payment
Payment
methods.
Default method
Receipts
Receipts are emailed at the time of payment — your full history lives in each booking.
Preferences · Language
Language.
We actually read these
Tell us.
About
Booking flow
Your message
Events · June
Sat June 6 · Mivida, New Cairo
The Spring
Concert.
your stage is waiting.
Recommended for you by Karim H.
How do you want to play?
Song name
Audience tickets
EGP 150 each · limited seats
2
TotalEGP 300
Done
Tap through — every screen is live
03 — The Design System

18 screens.
One voice.

Every screen is drawn twice — once for iOS, once for Android — on the same system: the academy's guitar mark, one accent, condensed headlines, and the handwritten line that keeps it human. These are the working sheets.

Onboarding and auth screens — welcome and sign in, iOS and Android
Sheet 01 — Onboarding & auth
Home and profile screens — dashboard, family
Sheet 02 — Home & family
Booking flow screens — who is playing and branch selection
Sheet 03 — The booking flow
Package and schedule screens
Sheet 04 — Packages & time
Review and payment screens
Sheet 05 — Review & pay
Confirmation screen — you're booked
Sheet 06 — Confirmed
Drag to browse the sheets
04 — Two Apps

Two apps.
One academy.

The system ships as two siblings on the same design language — one for the families, one for the house. Same guitar, same yellow, two jobs.

Band Makers client app icon — yellow guitar on black
The client app

Band Makers

For families & players

Booking, packages, family profiles, events and concert tickets, reminders and receipts — the app in the demo above.

Band Makers staff app icon — black guitar on yellow
The staff app

Band Makers Staff

For the academy team

Teachers' schedules and availability, walk-in bookings, attendance, make-ups and freezes, complaints inbox — the same system, inverted.

The icons are siblings on purpose — the client app wears the academy's black, the staff app wears its yellow. Side by side on a phone, there's never a doubt which is which.
05 — What The App Covers

The whole academy,
in your pocket.

Built directly on the academy's functional spec — every flow the school runs day to day, designed as product.

The booking flow

Eight steps from "who's playing" to paid — branch, instrument, teacher, package, slot. Only free slots are ever shown.

Family accounts

One parent login, every child a sub-profile — instruments, levels and teacher notes each on their own track.

Packages & renewals

Session packs that lower the per-lesson rate, auto or manual renewal — and a one-week hold on your exact slot if you lapse.

Events & concerts

The Halloween and Spring concerts, in-app — backing track or live band, teacher recommendations, and audience tickets.

Notifications

Reminders 24 hours and 1 hour out, receipts, renewal warnings and teacher notes — push for the moment, email for the record.

Support

"We actually read these." Suggestions, complaints and compliments straight to branch staff — with a 24-hour reply promise.

06 — The Branches

Seven rooms.
One academy.

Lessons, band formations, events, rehearsals & live performances — for all ages. The app is location-aware from the first tap.

01 · New Cairo

Mivida / KODE

Mivida · KODE Sports Club
2 roomsAll instruments
02 · Sheikh Zayed

West Square / Arkan

Beverly Hills · Arkan Plaza
2 roomsBand rooms
03 · Zamalek

Zamalek

26th of July Corridor
Piano & voice
04 · North Coast

Sahel

Summer season
SeasonalJune — Sept
05 · New Giza

NGSC

New Giza Sports Club
Sports clubAll ages
07 — The House Rules

Designed on
the real spec.

The interface is only half the work. Underneath it, every screen obeys the academy's actual policies — the same rules the front desk runs on, encoded once and enforced everywhere.

R·145-minute, one-on-one sessionsPrivate lessons only — one student, one teacher.
R·2Same day & time, every weekA monthly subscription is four weekly sessions — a slot that's yours.
R·3One free reschedule a monthWith 24 hours' notice, same teacher. Staff can approve exceptions.
R·4Teacher cancels? You get a make-upScheduled by the branch, valid for 30 days.
R·5Your slot is held for one weekLapsed plan? Nobody can take your slot for 7 days while you renew.
R·6Cards, wallets & native payPaymob — cards, Fawry, mobile wallets — plus Apple Pay and Google Pay.

Made for the makers.keep the music on.

Band Makers Music Academy × ALAN PRODUCTIONS

A landing page by Alan Productions, showcasing the Band Makers Music Academy app. The demo above is a fully interactive front end — every screen and button working as designed. The backend is the next phase.