Масштаб нашого двіжу
Задачі
Молода та амбітна компанія FYOOCHA звернулася до нас після кількох точкових проєктів із новим масштабним завданням: розробити дизайн багатосторінкового корпоративного сайту із продуманою архітектурою, зручним користувацьким інтерфейсом, виразним дизайном і креативним текстовим контентом, передбачивши можливість його подальшого розвитку в B2B-портал.
Виклики
Виклик був подвійним. Нам потрібно було не лише створити зрозумілий і зручний для користувачів інтерфейс, а й зберегти унікальну харизму та бренд-архетип FYOOCHA.
Компанія яскраво заявила про себе на ринку дистрибуції електроніки та відразу чітко диференціювалася завдяки сміливій комунікації, характерному Tone of Voice і виразній айдентиці. Тому для клієнта було критично важливо зберегти цю автентичність під час створення сайту.
Завдяки поєднанню виразного digital-дизайну та фірмового сленгу нам вдалося перенести драйвовий характер FYOOCHA в діджитал й створити сайт, який не лише зручний у використанні, а й говорить мовою бренду.
Результати
🛠 Що було зроблено (Етапи проєкту)
1 етап:
Аналіз та дослідження (UX)
- Аналіз конкурентів: Оцінка дизайну та функціональності схожих сайтів на ринку.
- Створення User Flow: Оптимізація взаємодії користувача з продуктом для забезпечення інтуїтивного та ефективного UI/UX-досвіду.
- Ітерація: Обговорення та внесення правок на цьому етапі.
- Фінал: Затвердження створеного User Flow.
2 етап:
Прототип вебсайту (UX) на 5 сторінок
- Створення High-Fidelity Wireframes: Розробка високодеталізованих каркасів сторінок на основі User Flow:
- Головна сторінка (навігація по сайту: Menu, Header, Footer)
- Товар
- Послуги
- Робота в Fyoocha
- Новини
- Інтерактив: Створення клікабельного прототипу для тестування логіки.
3 етап:
Розробка дизайн-концепції (UI)
- Концепт: Розробка дизайн-концепції для головної сторінки (у 2 варіантах).
- Ітерація: Обговорення та внесення правок на цьому етапі.
- Фінал: Затвердження обраної візуальної концепції.
4 етап:
Розробка UI-дизайну
- Систематизація: Створення єдиної бібліотеки компонентів (UI Kit).
- Дизайн сторінок: Візуальне оформлення всіх сторінок сайту:
- Товар
- Послуги
- Робота в Fyoocha
- Новини
- Адаптивність: Розробка адаптивних версій дизайну для всіх типів пристроїв (tablet, mobile).
- Фінал: Обговорення, внесення правок та фінальне затвердження вебсайту.
5 етап:
Підготовка дизайну до розробки
- Синхронізація: Спільний зідзвон із розробником для презентації та пояснення логіки й концепції сайту.
- Хендофф: Підготовка та передача дизайн-файлів у роботу розробнику.
6 етап:
Створення текстового контенту
- Брифінг: Аналіз ToV та брифу клієнта щодо головних описів для блоків і сторінок.
- Архітектура: Створення чіткої структури тексту.
- Копірайтинг: Написання чітких заголовків, підзаголовків та основного масиву текстів.
- SEO & Мета: Інтеграція ключових слів у текст, створення метатегів (Title, Description) за потреби.
- CTA: Створення мікротекстів для форм заклику до дії (наприклад: «Залишити заявку», «Зателефонувати»).
- Редагування та коректура:
- Перевірка на орфографічні, граматичні та пунктуаційні помилки.
- Поліпшення стилістики, динаміки та читабельності тексту.
- Дизайн-рев’ю: Узгодження фінального тексту з візуалом сайту.
- Фінал: Підготовка та передача текстових файлів розробнику у 2 версіях (українська та англійська).
7 етап:
Моушн-дизайн
Промо: Розробка відеоролика (Motion Promo) із презентацією сайту для команди та партнерів компанії.
Над проєктом працювали артдиректорка, UX/UI-дизайнерка та копірайтерка Karakuli Agency.
Компанія FYOOCHA
Нам дуже сподобалося, як команда Karakuli підійшла до реалізації цього проєкту. Було відчутно, що вони не просто виконують завдання, а по-справжньому занурюються в бренд, відчувають його характер і разом із нами прагнуть отримати найкращий результат. Ми пройшли не один етап обговорень і правок, уважно допрацьовували кожну деталь, але саме завдяки такій залученості вдалося створити такий сайт, який справді передає наш бренд FYOOCHA.
Сайт працює вже рік. За цей час ми багато чого доповнили й розвинули, але закладена основа справді стала надійним фундаментом для подальших змін і масштабування.
У результаті ми всі кайфуємо від того, що вийшло. Сайт виглядає, звучить і відчувається справді нашим. Такого більше немає ні в кого.
Елла Божко
копірайтерка проєкту
Тексти для сайту FYOOCHA неможливо було написати лише за брендбуком чи готовими шаблонами. Адже такий Tone of Voice живе не на папері, а в самій команді. Саме тому під час роботи над проєктом ми багато спілкувалися, і я уважно опрацьовувала кожен коментар і фідбек, неодноразово допрацьовуючи тексти, доки вони не почали звучати справді по-FYOOCHAвськи. Мені вдалося ненадовго стати своєю серед Ф’ючерів🤘 Це був непростий, але по-справжньому креативний проєкт, який вимагав повного занурення й точно залишиться серед моїх улюблених
Кейси
