Koncepti koji se međusobno takmiče, a ne faze jednog rešenja. Svaki ima header, hero sa CTA „Zakažite pregled“, slajder PRE/POSLE na demo primerima i demo formular za zakazivanje (ništa ne šalje i ne čuva). Sve fotografije su demonstracione, stanje PRE je programska simulacija. Tekstovi su radna verzija, potrebna je lektura izvornog govornika. Tasteri 1 2 3 otvaraju koncepte.
«Svetlo otkriva»
Tamni boks: jedna linija inspekcijskog svetla otkriva formu karoserije. Ista linija je i razdelnik PRE/POSLE.
«Protokol pregleda»
Svetli urednički „protokol pregleda“: ogromna tipografija, precizna mreža, skala-instrument ispod slajdera.
«Tri kadra»
Prvi ekran kao kratak film od tri plana u traci 2.39:1, sa špicom i titlovima; planovi se smenjuju uz pauzu.
Stručne ocene na osnovu stvarnih snimaka ekrana i živih stranica, a ne rezultat istraživanja. Razlika ukupnih ocena (≈0.4) manja je od greške ovakve procene. Detaljno: docs/cd-final-review.md.
| Kriterijum | Težina | A | B | C |
|---|---|---|---|---|
| Premijum utisak | 25 % | 8 | 7 | 7 |
| Vizuelna originalnost | 20 % | 6 | 7 | 8.5 |
| Kvalitet kompozicije | 15 % | 8 | 8 | 7.5 |
| Kvalitet mobilnog dizajna | 15 % | 7.5 | 8 | 8.5 |
| Animacije i interaktivnost | 10 % | 7.5 | 7 | 8.5 |
| Jasnoća CTA | 10 % | 8 | 9 | 8 |
| Performanse | 5 % | 8 | 9 | 7 |
| Ukupno od 10 | 7.5 | 7.6 | 7.9 |
Žive stranice u okviru 390×844. Učitavaju se na dugme, da ne bi opteretile stranicu.
A · Dark Automotive Luxury
B · Minimal European Premium
C · Cinematic Automotive Experience
| A · Dark Luxury | B · Minimal European | C · Cinematic | |
|---|---|---|---|
| Kompozicija hero-a | Full-bleed 16:10, tekst u tamnoj praznini gore levo, CTA dole levo | Asimetrična mreža: ogroman H1, fotografija 2:1, kolona sa CTA, lista „Pregled obuhvata“ | Letterbox: zavese, kadar 2.39:1 od ivice do ivice, titl, CTA i brojač planova |
| Svetlo | Niski ključ, jedna hladna linija svetla | Ravnomerno dnevno, bela pozadina | Kontrastno, boju određuju kadrovi |
| Tipografija | Mona Sans, wdth 125, 300 | Instrument Sans, wdth 80, 560 | Roboto Flex, wdth 30, 760 + titlovi |
| Animacija | 400–900 ms, jedan prolaz svetla | 120–320 ms, samo odgovori na radnje | Zavesa, sužavanje širine H1, smena planova na ~6 s uz pauzu |
| Slajder | 16:9, svetlosna linija, kapsula, oznake u uglovima, zatamnjenje između primera | 3:2 + list primera, linija tanka kao vlas, kvadratna ručica, skala 0–100, crossfade | 12:5 od ivice do ivice, bela linija, krug, titlovi u uglovima, wipe |
| Dijalog zakazivanja | Desni panel / ceo ekran | Obrazac na sredini / bottom sheet | Scena preko celog ekrana sa zavesama |
Sve fotografije su demonstracione, Unsplash License (besplatno korišćenje; zabranjena je preprodaja bez izmena). Unsplash+ je isključen, vodenih žigova nema. Nijedan automobil nije rad studija; marke u kadru ne znače saradnju. PRE je u svim primerima simulacija.
| Ključ | Upotreba | Autor | Stranica | Napomena |
|---|---|---|---|---|
a-hero | Concept A · hero | Samuele Errico Piccarini | Unsplash | — |
a-case-1 | Concept A · Before/After demo 01 | Clayton Tonna | Unsplash | PRE — simulacija |
a-case-2 | Concept A · Before/After demo 02 | Sean Lee | Unsplash | PRE — simulacija |
a-case-3 | Concept A · Before/After demo 03 | Andrea Greenway | Unsplash | PRE — simulacija |
b-hero | Concept B · hero | Idzard Schiphof | Unsplash | — |
b-case-1 | Concept B · Before/After demo 01 | Dylan Calluy | Unsplash | PRE — simulacija |
b-case-2 | Concept B · Before/After demo 02 | Lute | Unsplash | PRE — simulacija |
b-case-3 | Concept B · Before/After demo 03 | Jonas Allert | Unsplash | PRE — simulacija |
c-hero | Concept C · hero, kadar 1 | Mohammad Aqhib | Unsplash | — |
c-shot-2 | Concept C · hero, kadar 2 | Vitali Adutskevich | Unsplash | — |
c-shot-3 | Concept C · hero, kadar 3 | Art Lasovsky | Unsplash | — |
c-case-1 | Concept C · Before/After demo 01 | HamZa NOUASRIA | Unsplash | PRE — simulacija |
c-case-2 | Concept C · Before/After demo 02 | Markus Spiske | Unsplash | PRE — simulacija |
c-case-3 | Concept C · Before/After demo 03 | Ian Edokov | Unsplash | PRE — simulacija |
shared-hero | Svi koncepti · zajednički kadar (/concept-x/shared) | Spencer Davis | Unsplash | — |