A / The screening room
Real lesson excerpt first. Dark, focused, cinematic.
Explore A ↗Three directions.
One clearer brief.
Less copy, more visible evidence, and a direct way to ask about the course.
Recommended starting point: B
B identifies the course immediately and gives work/results the strongest visual emphasis. It is the closest match to Majd’s reference. A is the alternative when showing the teaching first is the priority; C leads with the instructor relationship.
| Review role | Preferred option | Reason |
|---|---|---|
| UI / visual design | B | Clearest course title and visual work. |
| UX / client advocate | B | Most immediate course identification and easy scanning. |
| Marketing | A | Actual teaching earns attention before the illustrative evidence. |
| Fresh independent reviewer | B | Closest fit to the visual reference and requested structure. |
The three builders cross-reviewed all options in separate design, UX, and marketing roles and disclosed their authorship. A fourth reviewer did not build any option. These are design judgments, not measured conversion results.
Review fixes included mobile headline spacing, complete screenshot framing, more readable fields and labels, shorter mobile evidence galleries with previous/next controls, and clearer course titles.
Checked at 360, 390, 768, and 1440px: no horizontal overflow, missing image assets, or missing local anchor targets in the sample. Tested image previews and Escape/focus return, gallery arrows, voice simulation, enrollment preview, local contact confirmation, and actual lesson playback. Sampled CSS text contrast checks passed. This is not a full accessibility certification.
Mock screenshots, result images, price, and commercial details remain illustrative. Voice tiles are visual player demonstrations without student recordings. Forms do not send data or accept payment. The 18-second lesson excerpt is real; its optional Arabic subtitles are derived from the source’s automatic transcript.