Проект: 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. Когда готовы начать.
Не рассматриваем отклики без релевантного портфолио.
Freelancehunt
