Конкурирующие концепции, а не этапы одной. В каждой: header, hero с CTA «Zakažite pregled», слайдер PRE/POSLE на демо-кейсах и демо-форма записи (ничего не отправляет и не сохраняет). Все фотографии демонстрационные, состояние PRE — программная симуляция. Тексты — черновик на сербском, нужна вычитка носителем. Клавиши 1 2 3 открывают концепции.
«Svetlo otkriva»
Тёмный бокс: одна линия инспекционного света проявляет форму кузова. Эта же линия — разделитель PRE/POSLE.
«Protokol pregleda»
Светлый редакционный «протокол осмотра»: огромная типографика, точная сетка, шкала-прибор под слайдером.
«Tri kadra»
Первый экран как короткий фильм из трёх планов в полосе 2.39:1, титры и субтитры, смена планов с паузой.
Экспертные оценки по реальным скриншотам и живым страницам, не результат исследования. Разница итогов (≈0.4) меньше погрешности такой оценки. Подробно: docs/cd-final-review.md.
| Критерий | Вес | A | B | C |
|---|---|---|---|---|
| Премиальность | 25 % | 8 | 7 | 7 |
| Визуальная оригинальность | 20 % | 6 | 7 | 8.5 |
| Качество композиции | 15 % | 8 | 8 | 7.5 |
| Качество мобильного дизайна | 15 % | 7.5 | 8 | 8.5 |
| Анимации и интерактивность | 10 % | 7.5 | 7 | 8.5 |
| Ясность CTA | 10 % | 8 | 9 | 8 |
| Производительность | 5 % | 8 | 9 | 7 |
| Итог из 10 | 7.5 | 7.6 | 7.9 |
Живые страницы в рамке 390×844. Загружаются по кнопке, чтобы не нагружать страницу.
A · Dark Automotive Luxury
B · Minimal European Premium
C · Cinematic Automotive Experience
| A · Dark Luxury | B · Minimal European | C · Cinematic | |
|---|---|---|---|
| Композиция hero | Full-bleed 16:10, текст в тёмной пустоте слева сверху, CTA внизу слева | Асимметричная сетка: огромный H1, фото 2:1, колонка CTA, список «Pregled obuhvata» | Letterbox: шторки, кадр 2.39:1 от края до края, субтитр, CTA и счётчик планов |
| Свет | Низкий ключ, одна холодная линия света | Ровный дневной, белый фон | Контрастный, цвет задают кадры |
| Типографика | Mona Sans, wdth 125, 300 | Instrument Sans, wdth 80, 560 | Roboto Flex, wdth 30, 760 + субтитры |
| Motion | 400–900 мс, один проход света | 120–320 мс, только ответы на действия | Шторка, сжатие ширины H1, смена планов ~6 с с паузой |
| Слайдер | 16:9, световая линия, капсула, метки в углах, затемнение между кейсами | 3:2 + лист кейса, волосяная линия, квадратная ручка, шкала 0–100, crossfade | 12:5 от края до края, белая линия, круг, титры в углах, вайп |
| Диалог записи | Правая панель / полный экран | Бланк по центру / bottom sheet | Полноэкранная сцена со шторками |
Все фото — демонстрационные, Unsplash License (бесплатное использование; запрещена перепродажа без изменений). Unsplash+ исключён, водяных знаков нет. Ни один автомобиль не является работой студии; марки в кадре не означают сотрудничества. PRE во всех кейсах — симуляция.
| Ключ | Использование | Автор | Страница | Примечание |
|---|---|---|---|---|
a-hero | Concept A · hero | Samuele Errico Piccarini | Unsplash | — |
a-case-1 | Concept A · Before/After demo 01 | Clayton Tonna | Unsplash | PRE — симуляция |
a-case-2 | Concept A · Before/After demo 02 | Sean Lee | Unsplash | PRE — симуляция |
a-case-3 | Concept A · Before/After demo 03 | Andrea Greenway | Unsplash | PRE — симуляция |
b-hero | Concept B · hero | Idzard Schiphof | Unsplash | — |
b-case-1 | Concept B · Before/After demo 01 | Dylan Calluy | Unsplash | PRE — симуляция |
b-case-2 | Concept B · Before/After demo 02 | Lute | Unsplash | PRE — симуляция |
b-case-3 | Concept B · Before/After demo 03 | Jonas Allert | Unsplash | PRE — симуляция |
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 — симуляция |
c-case-2 | Concept C · Before/After demo 02 | Markus Spiske | Unsplash | PRE — симуляция |
c-case-3 | Concept C · Before/After demo 03 | Ian Edokov | Unsplash | PRE — симуляция |
shared-hero | Svi koncepti · zajednički kadar (/concept-x/shared) | Spencer Davis | Unsplash | — |