Розробка сайту для девелопера D121

D121 – український девелопер нового покоління, який почав будівництво коли вся країна зупинилась. Їх філософія полягає в тому, що від кожного залежить, якими будуть міста майбутнього. Тож у кожному проєкті поєднується сучасна архітектура, енергоефективні технології та продумане планування, адже мета – створювати житло, де хочеться жити, а не просто квадратні метри.

Саме тому, до розробки сайту D121 ми підішли з розумінням, що його дизайн та втілення має бути логічним продовженням ідей забудовника: ергономічність, візуальна естетика, інноваційність та концептуальність.

Що було зроблено

Брифування замовника з метою визначення їх стратегії, принципів, візуальних патернів та вподобань.
Створена структура сайту, яка передбачає можливість легко додавати або прибирати контентні блоки без втручання розробника.
Розроблено чотири візуальні концепції дизайну сайту. Та проведено доопрацювання обраної концепції.
Підібрані анімаційні ефекти, які не тільки оживляють сайт, а несуть ідейне навантаження.
Здійснена верстка всіх сторінок сайту з подальшим підключенням до системи керування контентом для подальшої роботи з ним.
Проведено наповнення сайту контентом: фото, відео та тексти включно з новинами.
Здійснена адаптація сайту до всіх типів екранів: десктоп, мобайл, планшети.
Підключено та налаштовано SEO модулі, модулі безпеки, оптимізації, кешування та SSL сертифікат.
Перенесено сайт на робочий домен та хостинг з передачею всіх адміністративних доступів та повного доступу до коду сайт.

Втілення принципів компанії у дизайні сайту

В основу візуальної концепції було покладено анімовану спіраль Фібоначчі. Адже вона не тільки є загально визнаним мірилом естетичної гармонії, а й має в онові принципи, що відповідають ідеям проєктів D121: 

  • Ефективне використання простору: розташування за принципом чисел Фібоначчі в природі дозволяє рослинам максимально ефективно використовувати простір, розміщуючи нові елементи без перекриття один одного. 
  • Оптимальне освітлення та розсіювання: у соняшниках та шишках спіральне розташування насіння забезпечує краще проникнення сонячного світла. 
  • Гармонія та золотий переріз: спіраль Фібоначчі є різновидом логарифмічної спіралі, яка тісно пов’язана з золотим перерізом. Це співвідношення надає природним формам естетичної гармонії.

Колористика та елементи

В основу кольористики сайту були взяті кольори з брендбуку. Нашим завданням було не тільки гармонійно поєднати їх в дизайні, а й підкреслити основні акценти та адаптувати візуалізацію для 2-х типів відображення: день та ніч. 

Глибина картинки була створена завдяки додатковому ефекту мерехтіння фону, яке додатково підсилило ефект схожості фону до природного матеріалу граніту. 

Акцентні елементи: банери, кнопки меню, анімовані блоки виділяються не тільки кольором, а й типографікою, щоб не перевантажувати візуальний ряд та сприйняття користувача.

Зручність та увага до деталей

Оскільки на сайті використано досить велику кількість анімованих елементів та великих, якісних фото проєктів, справжнім викликом стало провести повноцінну оптимізацію. 

Ми поставили за мету збалансувати швидкість завантаження сайту із якістю зображень та елементів. Адже один із принципів девелопера – досконалість в деталях. 

Саме тому, оптимізація проводилась відповідно до кожного розширення девайсів, щоб візуал сайту не втрачав гармонійність не залежно від того, на чому його переглядають.

Команда

Стратегічний маркетолог
Проєкт менеджер
Дизайнер
Копірайтер
Web-розробник
Тестувальник

Потрібен сайт для вашого бізнесу?

Відправляйте заявку!