# Marketing review — three visual course directions

Reviewer disclosure: I authored B, then evaluated A/B/C under the same marketing criteria. The authorship overlap is disclosed; this is a distinct review role rather than an independent author for B. I inspected each HTML source, all six shared SVG evidence images, and each option's 1440px/390px hero, full-page and mobile-contact screenshots.

## Recommendation

**1. A — strongest starting point for selling this specific course.** It exposes actual teaching immediately, gives a clear enrollment-details button, and lets the course sample do some of the persuasion. The dark and lime treatment makes the action and evidence distinct without extended copy. Its weakness is the poetic headline: the factual course category is in a smaller line. Keep that label readable. The supplied 18-second sample establishes teaching style only, not outcomes or the full value of the course.

**2. C — strongest personal relationship direction.** Majd's face appears immediately on desktop and within the first mobile screen capture. The warm portrait, short conversational text and early voice-message interface suit an instructor-led purchase. Contact is inviting and visually substantial. The course name remains in a small line, the large headline wraps awkwardly on mobile, and the initial cropped screenshot cards weaken inspectability. Correct those details. This option becomes persuasive when it receives approved real voice messages and feedback; its current silent interface simulations are not social proof.

**3. B — strongest literal offer clarity and visual portfolio direction.** The large `دورة صناعة المحتوى` heading says what is sold without interpretation. Bright cobalt, full result images and short captioned cards make it exceptionally easy to scan. Its chief weakness is the leading mock café post: a visitor could initially read this as a design portfolio rather than a teaching offer. The actual course sample appears after two large evidence sections. Keep the structure if Majd can supply strong, relevant student work; otherwise make the first specimen a real course teaching frame. Change the vague `ابدأ من هون` to `شوف تفاصيل الاشتراك` and fix the joined mobile heading words.

The first two are close. A leads here because the strongest currently available authentic material is the course recording. This ranking is a design judgment about clarity and trust presentation, not evidence of conversion lift.

## Scores

Scores reflect the captured prototypes on a 1–10 scale. Differences of one point are directional, not statistical measurements.

| Direction | Offer clarity | Trust presentation | Copy economy | Action clarity | Contact friction* |
|---|---:|---:|---:|---:|---:|
| A | 9 | 9 | 8 | 9 | 9 |
| B | 9 | 8 | 9 | 8 | 9 |
| C | 8 | 8 | 9 | 9 | 9 |

*Higher contact score means lower friction. All three ask for name, one flexible reply channel and a message; no account or separate email-plus-phone demand. No score treats an unconnected form or WhatsApp placeholder as live delivery.

## Concrete changes before sharing as the finished prototype

1. **B/C mobile word spacing:** hiding a line break joins Arabic words visually (`دورةصناعة` and `أفكاركتصير`). Use actual whitespace around inline boundaries. This reduces polish and headline readability.
2. **B evidence context:** the mock feedback graphics do not say partial viewing, course completion or consulting. Replace those imported context captions with what the actual illustrative chats depict (audience/goal, reviewing a video, starting despite tools). Result 3 explicitly depicts student before/after poster work; calling it a consulting project conflicts with its graphic. A also labels result 3 consulting. These are internal mock-content consistency problems, not proof that a real source was mislabeled.
3. **C evidence visibility:** preserve the complete portrait screenshot within its card; cropped headers/replies make the artifact harder to inspect. Keep tap-to-enlarge for all directions. The before/after result artwork should receive a matching caption rather than content organization.
4. **B initial relevance:** replace the café illustration with a course-relevant teaching or student-content visual when available; alternatively bring the actual preview immediately after the hero before the gallery. Keep the course title plain.
5. **A initial category:** retain a plainly readable course label above the promise, especially on mobile. The video frame is evidence of teaching, and should stay first-class.
6. **All before live launch:** attach confirmed delivery/contact destinations, current commercial conditions and approved genuine feedback/audio. The demo disclosures are correct while those remain unconnected. Do not remove source distinctions when real student and consulting material is inserted.

## What the visual pass established

All three are materially more visual than a text-heavy course proposal: evidence cards, actual media, a single price, compact curriculum and a genuine designed contact area. Each presents at least one useful next step in its opening. B is the most literal, A provides the earliest actual course experience, C makes the instructor most immediately present. None needs another explanatory essay.

The full-page screenshot captures for B/C show irregular right-edge truncation in some regions while the dedicated hero captures look intact. Treat those full-page artifacts cautiously and verify actual responsive bounds; the marketing ranking primarily uses dedicated hero/contact shots plus the underlying source and complete assets.

## Boundaries

All six evidence SVGs are newly invented design examples, unrelated to historic supplemental source identities. Their numbers, participants and messages are not verified course results. Voice controls simulate playback UI without actual student audio. The real excerpt proves only what is visible/audible in those 18 seconds. No conversion experiment, enrollment data or user research was conducted.

## Final refinement addendum — semantic screenshot pass

Rechecked final 390px hero/feedback/contact and 1440px result screenshots after refinement. The direct A headline now names content creation immediately. B/C word joining is resolved. C retains full message/result framing. Previous/next evidence rails materially shorten the mobile page while keeping every example inspectable. The three contact areas remain clear and comfortably readable. Disregard the archived full-page captures; the final semantic viewport captures are the assessment basis.

**Updated scores:** A copy economy 8 → 9; C trust presentation 8 → 9. Other scores unchanged. My recommendation remains **A → C → B** for this course's currently available authentic material. The difference is strategic, not a claim that B is visually weaker: B remains strongest for literal course naming and a gallery-led portfolio presentation. If Majd supplies strong real participant work, B becomes a very credible first choice. With today's assets, A lets a visitor inspect genuine teaching earliest and C introduces the actual instructor earliest.

One consistency fix remained in the reviewed B source/capture: result 3 and feedback 3 still carried consulting contexts, and some image alt/lightbox captions retained completion/consulting wording. The new mock graphics do not establish those specific contexts. This was sent to the parent for correction; no page edits were made during this review. Keep result 3 labeled before/after and use descriptive mock learning topics for the messages.

The remaining commercial handoff is authentic content and confirmed destinations/terms. No extra prose section is needed.