Concept Study / Design Exercise
One landing page.
Three design directions.
Same company. Same offer. Same copy. Three different decisions about what the visitor should notice, feel, and do next.
Fictional concept study. Rook Mobile Detail is not represented as a Creative Infinite client.
01 / The fixed brief
One job. No moving the goalposts.
Rook Mobile Detail is a fictional premium mobile automotive detailing concept created to isolate one variable: art direction.
The same supplied lockup and mark remain fixed in all three directions.
Who the page needs to persuade
Busy professionals with newer or premium vehicles who value convenience without a cheap-looking mobile car wash.
Get qualified visitors to book a detail.
Establish enough trust and premium positioning that the company does not compete primarily on price.
“Detailing that comes to you.”
Premium mobile interior and exterior care at home or work.
Three services
- Signature Detail
- Interior Reset
- Ceramic Protection
02 / What stayed fixed
A legitimate comparison starts with fixed inputs.
Every direction received the same words, offer, proof requirements, and visual source kit. Only the decisions around them changed.
- 01Company
- Rook Mobile Detail
- 02Brand identity
- The same supplied Rook lockup and mark across all three directions.
- 03Offer
- Premium mobile automotive detailing
- 04Copy
- Detailing that comes to you. Premium mobile interior and exterior care at home or work.
- 05Services
- Signature Detail · Interior Reset · Ceramic Protection
- 06Trust
- Mobile service · Insured · Professional-grade products · Satisfaction guarantee
- 07Process
- Choose your service · Pick a location and time · We come to you
- 08Calls to action
- Book a Detail · View Services
- 09Accessibility
- One keyboard-usable, readable, reduced-motion-aware baseline.
- 10Responsive requirements
- Intentional desktop, tablet, and phone behavior—not a scaled desktop screenshot.
- 11Photography
- The same six synthetic CILC concept-study images across every direction.
03 / Direction explorer
Change the priority. Change the experience.
Choose a direction to inspect its desktop and phone behavior side by side.
Direction 01
Editorial Luxury
Premium perception through restraint, aspiration, and art-directed space.
The offer is framed like a considered automotive editorial: the imagery carries status while the copy arrives in measured, confident beats.
- Expansive negative space
- Art-directed image crops
- Quiet typographic contrast
- Deliberate pacing
04 / Three approaches to the same hero
Same words. Different hierarchy. Different experience.
05 / Same services, different structure
Signature Detail. Interior Reset. Ceramic Protection.
The inventory is identical. The information architecture is not.
Editorial Luxury
A spatial sequence that lets each treatment occupy its own visual moment.
Precision / Future Tech
Each service becomes a distinct treatment module with comparable information.
Commercial / Conversion
Services become a fast comparison set designed for quick scanning.
06 / Trust + process
The information is constant. Emphasis is a choice.
Fixed trust points
- Mobile service
- Insured
- Professional-grade products
- Satisfaction guarantee
Fixed process
- 01Choose your service
- 02Pick a location and time
- 03We come to you
Editorial Luxury
Trust: Trust reads as a quiet proof line instead of a promotional badge stack.
Process: The three steps unfold as a calm continuation of the editorial rhythm.
Precision / Future Tech
Trust: Trust sits close to the operating system of the offer as evidence of rigor.
Process: The steps read like a controlled service protocol rather than a sales sequence.
Commercial / Conversion
Trust: Trust arrives early beside the offer to reduce hesitation before comparison.
Process: The three-step path reinforces booking momentum after service choice.
07 / Responsive design
Three phone layouts. Three intentional edits.
Responsive design is not a compression step. Each direction decides what survives, what moves, and what becomes simpler when the viewport changes.
08 / What actually changed
The design decisions, side by side.
No winner. No universal recommendation. The right direction depends on the job.
| Decision | Editorial Luxury | Precision / Future Tech | Commercial / Conversion |
|---|---|---|---|
| Composition | Asymmetric editorial pacing | Structured technical rails | Offer-first decision stack |
| Typography | High-contrast display scale | Compact system hierarchy | Direct, scan-friendly hierarchy |
| Palette | Warm ivory and ink | Graphite with cool signals | Bright neutral with decisive contrast |
| Image treatment | Art-directed cinematic crops | Measured technical windows | Clear service and outcome framing |
| Density | Sparse and paced | Dense but systemized | Compact and scannable |
| Trust placement | Quiet proof line | Integrated system evidence | Early reassurance near action |
| Service presentation | Spatial sequence | Treatment modules | Fast comparison |
| Process presentation | Measured narrative steps | Service protocol | Booking momentum |
| CTA treatment | Selective and restrained | System action | Persistent visual priority |
| Motion language | Slow image-led reveals | Controlled signal movement | Short directional feedback |
| Mobile behavior | Recomposed for scale | Rails simplified | Action kept visible, never obstructive |
09 / Thesis
The brief defined the job.
The direction defined the experience.
Same brief.
Different priorities.
That is the difference between decorating a page and directing one. Art direction is not a skin placed over content; it is a decision about what the visitor understands first and how the offer earns attention.
Need the direction applied to a real offer?
Your business doesn't need one of these themes. It needs its own direction.
Branded Web Presence applies positioning, art direction, responsive design, interaction, and implementation to your actual business and offer.
Explore Branded Web Presence