Послуги

  • Сайти
  • Контент
  • Просування
  • Бітрікс24
  • Додатки
Усі послуги Оплата
Бітрікс24
Усі послуги Оплата

Пошук

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

Лендінг інвестиційної компанії

Про проект

Insight Business Club — лендинг міжнародного співтовариства для бізнесу та інвестицій. Основним завданням нашої команди було створення індивідуального дизайну під ключ, враховуючи побажання замовника. Ставка робилася на великі блоки у вигляді слайдів, плавну анімацію переходів та єдність кольорової гами.

Дизайн

Працюючи над цим лендингом головним пріоритетом була функціональність, а вражаючий дизайн. Перший вайрфрейм (зразок дизайну низької точності) своєю структурою нагадував стандартний лендинг, але після погодження з клієнтом ми вирішили уникнути звичних рішень. Замість використання стандартних шаблонів ми змалювали індивідуальний дизайн під ключ.
Фінальне рішення виконане у стилі презентації: замість традиційного скролінгу сторінки відвідувач бачить подібність до зміни слайдів. Всі елементи динамічні та анімуються при появі: зображення та описи «виїжджають» з двох сторін, забезпечуючи wow-ефект. Кожен розділ, кожен «слайд» автоматично підлаштовується під розмір екрану, заповнюючи собою існуючий простір.

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

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

Форма захоплення, що використовується в кількох місцях, також має мінімалістичне оформлення та чорно-білу стилістику.

Чому було обрано WordPress

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

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

Мультимовність

Сайт доступний двома мовами: англійською та російською. Основна версія завантажується англійською мовою, але поруч із «гамбургер-меню» є перемикач мов, що дозволяє перейти на російську версію. Всі шрифти, що використовуються, адаптовані до кирилиці: текст виглядає так само добре, як і в англійській версії.

Мультимовність реалізована через використання плагіна WordPress, що дозволяє обслуговувати різні мовні версії сайту в одній адміністративній панелі.

Адаптивність

Це завдання зайняло у нас досить багато часу через стилістику презентації та відмальований під десктопи дизайну. Однак немає нездійсненних завдань.

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

Підсумки

Сайт Insight Business Club – приклад вражаючого лендінгу з індивідуальним дизайном. Завдяки нестандартній подачі, плавним анімаціям та можливості подальшого розширення він повністю виконує поставлені замовником завдання. Більш детально познайомитися з проектом можна тут – http://insight-business.club/

Комментарии

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Бажаєте обговорити проект?

Залишіть ваш номер телефону і наш менеджер зв'яжеться з вами найближчим часом

0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x