ГЕЙТ

Проект: GATE

Сайт:

https://gate-drop.com/

Задача:

Розробити цілісну візуальну систему бренду GATE та набір зручних шаблонів для оформлення Instagram, Telegram-каналу, рекламних публікацій та інформаційних матеріалів.

Формат здачі:

Посилання на повністю редагований Figma-файл:

— компоненти;

— Auto Layout;

— стилі кольорів і тексту;

— сітки;

— готові шаблони;

— інструкція з використання.

---

1. ПРОЕКТ

GATE — платформа для роботи постачальників, дропшиперів та e-commerce-команд.

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

Цільова аудиторія:

— дропшипери;

— власники інтернет-магазинів;

— постачальники товарів;

— товарні команди;

— підприємці в e-commerce;

— новачки, які хочуть почати працювати з товарним бізнесом.

Головна задача візуала:

Зробити GATE впізнаваним сучасним digital-брендом, який виглядає технологічно, зручно, впевнено та дружньо.

Це не повинен бути типовий дизайн інтернет-магазину, криптопроєкту або дешевого Telegram-сервісу.

---

2. ІСХІДНИЙ ВІЗУАЛЬНИЙ СТИЛЬ

У бренду вже є:

— назва GATE;

— фіолетовий 3D-персонаж-привид;

— темний фон;

— світло-фіолетові та білі елементи;

— сучасна округла типографіка.

Привид має стати повноцінним маскотом бренду та використовуватися в публікаціях, сторіс, анонсах та рекламних матеріалах.

Бажане напрямок:

— сучасний digital;

— мінімалізм;

— якісний 3D або псевдо-3D;

— чисті сітки;

— велика типографіка;

— акуратні градієнти та світіння;

— відчуття технологічного продукту;

— поєднання темних і світлих композицій.

Важливо:

Не перевантажувати дизайн великою кількістю ефектів, дрібного тексту, безглуздих градієнтів та декоративних елементів.

---

3. ПЕРШИЙ ЕТАП — ВІЗУАЛЬНА КОНЦЕПЦІЯ

Перед створенням усіх шаблонів необхідно підготувати:

1. 2–3 варіанти мудборда.

2. 2 візуальних напрямки на вибір.

3. Приклад однієї публікації.

4. Приклад однієї Instagram Stories.

5. Приклад оформлення Telegram-посту.

6. Варіанти використання персонажа-привида.

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

---

4. ШАБЛОНИ ДЛЯ INSTAGRAM STORIES

Формат: 1080×1920 px.

Необхідно розробити мінімум 10 шаблонів:

1. Анонс нової функції.

2. Новина або оновлення платформи.

3. Переваги GATE.

4. Інструкція з кількох кроків.

5. Відгук користувача.

6. Кейс або показники клієнта.

7. Товар або підбірка товарів.

8. Відповідь на часте питання.

9. Опрос або інтерактив.

10. Заклик зареєструватися / залишити заявку.

У шаблонів повинні бути різні композиції, але єдина візуальна система.

Потрібно передбачити безпечні зони Instagram, щоб текст і кнопки не перекривалися інтерфейсом.

---

5. ШАБЛОНИ ДЛЯ INSTAGRAM-ПУБЛІКАЦІЙ

Формати:

— 1080×1350 px;

— 1080×1080 px.

Необхідно розробити мінімум 6 шаблонів:

1. Карусель з інструкцією.

2. Презентація нової функції.

3. Кейс з цифрами.

4. Експертна публікація.

5. Порівняння «до / після».

6. Новина або важливий анонс.

Також потрібен універсальний шаблон обкладинки для каруселей.

---

6. ОФОРМЛЕННЯ TELEGRAM-КАНАЛУ

Необхідно підготувати:

1. Аватар Telegram 512×512 px.

2. Банер або зображення для закріпленого повідомлення 1280×720 px.

3. Шаблон звичайного посту 1200×1200 px.

4. Шаблон кейсу з цифрами.

5. Шаблон оновлення платформи.

6. Шаблон важливого оголошення.

7. Шаблон інструкції.

8. Шаблон підборки товарів або можливостей.

9. Шаблон рекламної пропозиції.

10. Роздільники або обкладки для рубрик.

---

7. ДОПОВНІТЕЛЬНІ ЕЛЕМЕНТИ

Потрібно розробити:

— набір брендованих фонів;

— плашки та картки;

— кнопки та CTA-елементи;

— прості іконки;

— стрілки та покажчики;

— елементи для виділення цифр;

— 6–10 стікерів або реакцій з привидом;

— варіанти емоцій персонажа;

— обкладки для Instagram Highlights;

— правила використання логотипа та маскота.

---

8. ТЕХНІЧНІ ВИМОГИ

Figma-файл має бути підготовлений так, щоб співробітник без дизайнерських навичок міг:

— замінити текст;

— змінити цифри;

— поставити фотографію або скріншот;

— поміняти заголовок;

— експортувати готову публікацію за 1–2 хвилини.

Обов'язкові вимоги:

— Auto Layout;

— компоненти;

— варіанти компонентів;

— Local Styles / Variables;

— текстові стилі;

— єдина система відступів;

— акуратно названі шари;

— відсутність зламаних масок;

— відсутність прив'язки до платних невідомих шрифтів;

— коректна робота при зміні довжини тексту.

Необхідно передати:

— вихідний Figma-файл;

— використовувані шрифти або посилання на них;

— всі графічні елементи;

— коротке відео або інструкцію з використання.

---

9. ПОРЯДОК РОБОТИ

1. Ознайомлення з проектом і матеріалами.

2. Підготовка мудборда.

3. Створення двох візуальних концепцій.

4. Вибір і доопрацювання однієї концепції.

5. Створення всієї системи шаблонів.

6. Перевірка шаблонів на реальному контенті.

7. Передача Figma-файла та інструкції.

Роботу бажано розбити на етапи з окремим затвердженням кожного етапу.

---

10. ЩО ПОТРІБНО УКАЗАТИ В ВІДПОВІДІ

Будь ласка, надішліть:

1. 3–5 найбільш релевантних робіт.

2. Приклади оформлення соціальних мереж або Telegram-каналів.

3. Приклади дизайн-систем і шаблонів у Figma.

4. Оцінку вартості проекту.

5. Приблизні терміни виконання.

6. Кількість ітерацій правок.

7. Коли готові почати.

Не розглядаємо відповіді без релевантного портфоліо.