Wood Gallery

Перейти на сайт

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

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

01 Клієнт

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

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

Розробити Landing-page для тестування виходу на новий ринок збуту продукції, та в подальшому зайнятись Online маркетингом у Нідерландах.
  1. Попрацювати над позиціонування компанії
  2. Підготувати текстовий контент для сайту та дати рекомендації по медійному контенті
  3. Створити класний, сучасний дизайн сайту
  4. Майбутній сайт має працювати на двох мовах: нідерландською та англійською
  5. Подбати про коректне відображення на різних пристроях
  6. Зробити персональну адміністративну панель сайту
  7. Провести усі технічні налаштування перед введенням маркетингу

03 Рішення

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

Дизайн сайту

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

Кійко Таня
Кійко Таня

Senior Web Designer | Ui/Ux

Кольори

Шрифти

Manrope Semi Bold
Manrope Medium
Manrope Regular
Montserrat Semi Bold
Montserrat Medium
Montserrat Regular

Іконки

Іконка натурального дерева
Іконка ручної роботи
Іконка екслюзивного дизайну
Іконка покрокового контролю
Іконка гарантії якості
Іконка міжнародної доставки
Іконка монтажу
Іконка зроблено з душею
Фото деяких секцій
Фото сайту Wood-gallery - 1
Фото сайту Wood-gallery - 2
Фото сайту Wood-gallery - 3
Фото сайту Wood-gallery - 4
Деякі деталі сайту

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

Фото сайту Wood-gallery - 1
Фото сайту Wood-gallery - 2
Фото сайту Wood-gallery - 3
Masonry Grin: відгуки

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

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

Фото мобільної версії Wood-gallery 1
Фото мобільної версії Wood-gallery 1
Фото мобільної версії Wood-gallery 2
Фото мобільної версії Wood-gallery 2
Фото мобільної версії Wood-gallery 3
Фото мобільної версії Wood-gallery 3
Фото мобільної версії Wood-gallery 4
Фото мобільної версії Wood-gallery 4
Фото мобільної версії Wood-gallery 5
Фото мобільної версії Wood-gallery 5

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

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

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

CTO | Senior Front-end dev.

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

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

Back-end

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

Senior Web dev.

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

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

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

Фото Wood-gallery 1

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

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

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

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

Фото Wood-gallery 1

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

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

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

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

jQuery
Modx Revolution
Gulp
Figma
MySQL
PHP
LESS
Telegram API

05 Результат

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

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

CTO | Senior Front-end dev.

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

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

Атвор відгуку: Паславська Ірина
Паславська Ірина

Співзасновниця компанії Wood Gallery

Сподобався цей проект?
Тоді поставте йому оцінку!

Інші проекти

Картинка AgentGo - 1

SaaS продукт

AgentGo

Картинка Królestwo Pierożka - 1

Виробник заморожених напівфабрикатів

Królestwo Pierożka

Хочете створити Landing-page з маркетинговим підходом?

При замовленні двох і більше послуг у нас діє система знижок