Website & education panel

Biomaze / گروه آموزشی ماز is a nationwide Iranian Konkur education brand. The live property is biomaze.ir — packages, online classes and national practice exams under one roof.

Part-time from 2022 to 2025, the brief was to design the public website and the learning panel, and to leave engineers a design system so both surfaces could ship without reinventing chrome on every screen.

Biomaze / گروه آموزشی ماز is a nationwide Iranian Konkur education brand. The live property is biomaze.ir — packages, online classes and national practice exams under one roof.

The product had to serve three audiences without looking like three products:

Prospects discovering packages, Konkur tools and campaigns on the public web.
Students attending classes, sitting exams, submitting homework, asking questions and paying inside a panel.
Engineers implementing both surfaces without a one-off button language on every page.
RTL Persian as the default reading direction — not a mirrored afterthought.
A résumé-safe outcome: ship faster from a shared kit, not an unverified market-share claim.

BioMaze | Design holds thirty-two pages. Panel pages are named by domain — P.Classes, P.Exam & Test, P.Login & Signup, P.Live & Chat, P.Wallet — so the inventory reads as jobs, not artboards.

Website work keeps playground, main and warehouse pages side by side. The design system lives in the same file, so every panel instance of Buttons or Pannel Header points at a board engineers can open.

Fifteen panel-side pages cover the student job: class list and detail, exams and tests, homework and Q&A, live class, wallet and basket, invoices, upgrades, calendar, notifications, errors, profile and a coin system.

P.Classes — Classes, Class Detail, Class View, رفع اشکال, تکلیف.
P.Exam & Test — Exams, Exam Detail, Start Exams, reports.
P.Login & Signup — OTP, password, forget and change flows.
P.Live & Chat, P.Wallet, P.Basket — attendance, money and checkout.

Eight website pages cover home, Konkur and rank tools, packages and shop, schedule and campaign landings — with playground and warehouse iterations kept beside main. The Konkur tools, shop, schedule and campaign pages went live; the home page on biomaze.ir today is not this work, so the hero below is an exploration.

Website | Main — Home, Konkoor, Nahai and Shop sections.
Website | Playground and Warehouse — home and shop explorations plus live-site captures.
W.Konkur & Rotbeh, W.Product, W.Campaign Landing, W.Schedule — tools and commerce.

The Design System page holds colour, typography, buttons, form fields, modal, side menu, header and footer, toast, profile, breadcrumbs, toggles and brand icons — versioned as 0.0.1 on the boards. Its tokens became Figma variables, not just static boards.

BIO-02 stays an archive row on /work; this case study is the published umbrella, with the kit shown as the shared language behind both surfaces.

Language

Website & education panel

Maz needed a site students could trust and a panel they could live in

Website & education panel

Maz needed a site students could trust and a panel they could live in

Three jobs, one brand, no shared language yet

What the design owned

Owned

Co-owned

Collaborated

The file is the process record

How the work moved

Decisions the file still shows

One file for website, panel and system

Panel pages named by student job

Keep website playground and warehouse

Responsive triples, not mobile-only

The learning panel

The public website

Design system as a chapter, not a separate case study

What the file proves

What was delivered

What this work reinforces

Name pages after jobs

Keep the discarded iterations

Never publish Tier-1 claims