Сайт для студії весільного декору

Сайт для OIA Dekoracje, спільного декор-бренду квіткових студій OMNOM і Adel de Flores з Труймяста (Гданськ, Гдиня, Сопот): весілля, події, вітрини, заклади. Це не скриншот: погортай і поклацай просто тут.

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

Клієнт: OIA Dekoracje, Труймясто, Польща
Вид робіт: Корпоративний сайт
Дизайн
Розробка
WordPress

14заявок за перші 10 днів після запуску

13сторінок

4мови: PL, EN, UA, RU

ЗадачаЩо мав уміти сайт

Щоб нареченій не дзвонили під час макіяжу

Nie zadzwonimy w trakcie Twojego makijażu ślubnego z pytaniem, gdzie podłączyć lampki.

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

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

ПроцесСім кроків до запуску

Дизайн не перший

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

01
Бриф

Розпитую про бізнес, клієнтів і задачі сайту. В OIA це дві квіткові студії зі спільним декор-брендом. У кожного з чотирьох напрямів свої клієнти.
Хто що робить
- Ти: розповідаєш про бізнес і клієнтів.
- Я: розпитую, поки не буде картина.
- На руках: записані відповіді й задачі сайту.
Що за бізнес?
Дві квіткові студії зі спільним декор-брендом

Де працюєте?
Труймясто: Гданськ, Гдиня, Сопот

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

Що має зібрати сайт?
Дату, місце, стиль, підрядників
02
Технічне завдання

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

Мови
польська, англійська, українська, російська

Форми заявки
для весілля, подій і вітрин, по одному запитанню на екрані

Куди йдуть заявки
на пошту і в Telegram

Cookies
вікно про файли cookies, як вимагає закон ЄС

Платформа
WordPress, клієнт править сам
03
Структура

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

13 сторінок, 4 мови: PL, EN, UA, RU. Назви сторінок лишились польськими, як на сайті, під кожною є переклад.

Strona głównaголовна, звідси чотири напрями

Ślubyвесілля, сторінка з роботами

Formularz ślubзаявка на весілля, 12 кроків

Witryny i lokaleвітрини й заклади, сторінка з роботами

Formularz witrynyзаявка на декор вітрини

Eventyподії, сторінка з роботами

Formularz eventзаявка на декор події

Przyjęcia okolicznościoweсвяткування, сторінка з роботами

Dziękujemyсторінка «дякуємо» після кожної форми. Заявка йде на пошту і в Telegram

Окремі сторінки
Galeriaгалерея, 76 фото з фільтром за напрямами

Kontaktконтакти

Regulaminправила

Polityka prywatnościполітика конфіденційності
04
Вайрфрейм

Це чорно-біла схема кожної сторінки, без кольору й фото.

Навіщо: порядок блоків погоджуємо, поки зміни швидкі й дешеві, і ніхто не відволікається на красу.
Хто що робить
- Ти: погоджуєш логіку й порядок блоків.
- Я: малюю екран за екраном.
- На руках: погоджена схема сторінок.
Чорно-біла схема першого екрана

Чесно: цю схему намальовано вже за готовим першим екраном, щоб показати принцип.
05
Дизайн

Стиль лягає на погоджену схему: класичний шрифт із засічками в заголовках, два рожеві відтінки двох студій, фото в «арках».
Хто що робить
- Ти: дивишся стиль, погоджуєш.
- Я: малюю макети для комп’ютера й телефона.
- На руках: готові макети двох версій.
Ідея дизайну
OMNOM

Сувора контрастна антиква великими літерами. Глибокий пурпур.

#951764#A7056B#E4C2D7
ADELde Flores

Тонкі великі літери і каліграфія від руки. Червоний і ніжно-рожевий.

#C20000#d9789c#f8bbd3
O Ja! Miło, że jesteś! Witamy Cię w OIA

Антиква великих літер від OMNOM, каліграфічний курсив від Adel і по одному рожевому від кожної студії.
#951764#F9B9D2#F5EFE6
Так це виглядає на сторінках сайту

Сторінка напряму

Галерея

Форма заявки
06
Верстка

Лише тепер збираю сайт на WordPress у Elementor Pro (конструктор, у якому зручно правити сайт без програміста) за макетом. Форми, мови, cookies і налаштування, щоб сайт знаходили в Google, уже всередині.
Хто що робить
- Ти: отримуєш посилання на робочу версію сайту й дивишся, як усе виглядає.
- Я: збираю всі сторінки, форми заявок і мовні версії, додаю вікно про файли cookies, як вимагає закон ЄС.
- На руках: робочий сайт, заявки приходять на пошту і в Telegram.
- 13сторінок
- 3форми заявки
- 4мови
07
Тестування і запуск

Перевіряю на комп’ютері й телефоні, надсилаю тестові заявки. Запуск тільки після цього.
Хто що робить
- Ти: дивишся результат і даєш добро на запуск.
- Я: перевіряю кожну сторінку й кожну форму.
- На руках: запущений сайт, який твоя команда далі редагує сама.
- На комп’ютері
- На телефоні
- Кожна сторінка й кожна форма
- Тестові заявки: пошта і Telegram
- Запуск

РішенняЩо всередині

Форма, яка розпитує замість менеджера

Покрокова форма заявки на весільний декор з індикатором прогресу і полем телефону з прапором країни

Студія отримує

Poczta

Nowe zapytanie — ślub i wesele

od: oiadekoracje.com

Xxxxx xxxxxx xxxxxxx, xxxxx xxxxx xxxxxxxxx xxxx xxxxxx. Xxxxxx xxxxxxx xxxxx xxxxxx xxx xxxxxxx.

OIA Zapytaniaxxx

🔔 Nowe zapytanie — ślub i wesele

🕒 xx.xx.xxxx, xx:xx

👤 DANE KONTAKTOWE

Imię i nazwisko: Xxxxxx Xxxxxxxx

Adres e-mail: xxxx@xxxx.pl

Numer telefonu: +48 xxx xxx xxx

📋 INFORMACJE O UROCZYSTOŚCI

Data ślubu: xx.xx.xxxx

Przewidywana liczba gości: xx

📍 MIEJSCE PRZYJĘCIA

Xxxxxx Xxxxxx, Xxxxxxx

🎨 STYLISTYKA

xxxxxxx, xxxxxxxx, xxxxx

▫️ PREFERENCJE FLORYSTYCZNE

xxxxxx i xxxxxxxx

▫️ DEKORACJA CEREMONII

Xxx, xxxxxxx xxxxxx

▫️ DEKORACJE PRZYJĘCIA

Xxxxxxxxx xx xxxxxx

✨ DODATKOWE ELEMENTY

Xxxxx, xxxxxxx

▫️ FLORYSTYKA OSOBISTA

Xxxxxx xxxx

💰 BUDŻET

Jaki przedział budżetowy…: xx xxx zł

▫️ ORGANIZACJA

Xxx

▫️ NA ZAKOŃCZENIE

Xxxxx xxxxxx xxxx xxxxx

📩 Pełne zgłoszenie

12 кроків, бо весілля складне

Декор під ключ тримається на нюансах. Тому форма велика свідомо: це відповідь на складність, а не недолік. Легкою її робить подача.

Один крок на екрані
Смужка прогресу
Телефон із прапором

Заявка вже розкладена по блоках

Я налаштувала форму так, що заявка одразу приходить студії на пошту і в Telegram, уже розкладена по блоках.

Пошта
Telegram
Адмінка

Два бренди в одному стилі: Рожевий Adel de Flores і фуксія OMNOM, один класичний шрифт у заголовках.
Галерея, яка не гальмує: 76 фото з фільтрами за напрямами. Знімки стиснуті й підвантажуються під час гортання.
Чотири мови: Польська, англійська, українська, російська. Клієнт сам обирає мову в шапці.
Cookies за правилами ЄС: Власне легке вікно про файли cookies, як вимагає закон ЄС.
Щоб сайт знаходили: Заголовки, описи й ключові слова сторінок. Сайт показується в пошуку потрібною мовою.

Три версіїТелефон, планшет і комп’ютер

Адаптований під усі пристрої

Окрема версія для телефона: фото менші, текст більший, форму можна заповнити одним пальцем. На планшеті своя сітка, середня між телефоном і комп’ютером.