Фотографія задає масштаб
Великі знімки яхт формують композицію, залишаючи продукт головним об’єктом уваги.
(08 / Вибрані роботи)Веб-дизайн
Суперяхти на першому плані.
Дизайн десктопної й мобільної версій сайту для Lazzara Yachts, виробника суперяхт. Логотип Lazzara належить клієнту.
01 / Головна
Від першого враження до запиту.
Велика фотографія відкриває сайт. Далі — серії яхт, інтер’єри, виробництво, нагороди й новини. Кожен блок має власний темп, але веде до одного наступного кроку — розмови з верф’ю.
↑ Вище — вгору · Нижче — вниз ↓ · Ближче до краю — швидшеГортайте макет усередині рамки ↕
02 / Яхти
Від серії до конкретної моделі.
Сторінка LPC 300 розкриває модель послідовно: характер яхти, фотографії екстер’єру та інтер’єру, плани палуб і технічні характеристики.
↑ Вище — вгору · Нижче — вниз ↓ · Ближче до краю — швидшеГортайте макет усередині рамки ↕
03 / Про верф
Бренд у деталях.
Виробництво й історія верфі отримали окремі сторінки. Новини та нагороди продовжують ту саму візуальну мову: глибокий синій, світлі поля, заголовки із засічками та стримане золото.
↑ Вище — вгору · Нижче — вниз ↓ · Ближче до краю — швидшеГортайте макет усередині рамки ↕
↑ Вище — вгору · Нижче — вниз ↓ · Ближче до краю — швидшеГортайте макет усередині рамки ↕
04 / Мобільна версія
Та сама історія. Інший масштаб.
На телефоні зберігається послідовність головної сторінки, а фотографії, картки серій, меню й форма запиту перебудовані під вузький екран. Нижче — повна головна сторінка, яку можна прокрутити всередині рамки.
↑ Вище — вгору · Нижче — вниз ↓ · Ближче до краю — швидшеГортайте макет усередині рамки ↕
(Рішення в деталях)
04Типографіка з акцентами
Заголовки із засічками й золотистий курсив створюють ієрархію поруч із фотографіями.
Огляд і деталі
Серії яхт ведуть до сторінки моделі, де ключові характеристики зібрані у вступному блоці.
Композиція для телефона
Мобільні макети адаптують навігацію, текст і фотографії до вузького екрана.
- Формати екрана
- 02
- Дизайн інтерфейсу
- UI
- Макети сайту
- Figma