Wood Gallery

Виробник столів з епоксидної смоли

Тип сайту: landing-page
Терміни: 12 днів
Статус: Завершено
Зробили: Ui/Ux, Web dev

01 Клієнт

Wood Gallery – виробник, який виготовляє авторські столи з епоксидної смоли, що стають окрасою та надають затишок у домівках

02 Цілі та задачі

Розробити Landing-page для тестування виходу на новий ринок збуту продукції, та в подальшому зайнятись Online маркетингом у Нідерландах.

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

03 Рішення

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

Дизайн сайту

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

Кійко Таня

Senior Web Designer | Ui/Ux

Кольори

Шрифти

Manrope Semi Bold

Manrope Medium

Manrope Regular

Montserrat Semi Bold

Montserrat Medium

Montserrat Regular

Іконки

Фото деяких секцій

Деякі деталі сайту

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

Masonry Grin: відгуки

Для телефонів

Наша команда також подбала про вигляд та зручність користування сайтом на мобільних пристроях. Кінцевий результат дизайну сайту для телефонів зображено нижче

Розробка сайту

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

Давидов Андрій

Front-end dev.

Анімація сайту

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

Back-end

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

Зінчук Сергій

Senior Web dev.

Блоки із галереєю, перевагами та інші

Для реалізації back-end частини для цих блоків було використано доповнення MIGx. Крім добавлення та редагування інформації, це доповнення дозволяє сортувати усі дані за допомогою технології Drag and Drop.

Редагування інформації в системі керування

Вигляд на сайті

Матеріали для столу

Також, була передбачена можливість редагування та добавлення вкладок із матеріалами для столу.

Редагування в адмінці

Вигляд на сайті

Інтеграція Telegram API

Усі дані із форм відправляються через бота в групу Telegram. Що значно скорочує час реагування менеджерів, на нові заявки.

04 Технології та інструменти

05 Результат

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

Давидов Андрій

Front-end dev.

06 Слова клієнта про проект

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