BRAMA

Projekt: GATE

Strona:

https://gate-drop.com/

Zadanie:

Opracować spójną wizualną system marki GATE oraz zestaw wygodnych szablonów do obsługi Instagramu, kanału Telegram, publikacji reklamowych i materiałów informacyjnych.

Format oddania:

Link do w pełni edytowalnego pliku Figma:

— komponenty;

— Auto Layout;

— style kolorów i tekstu;

— siatki;

— gotowe szablony;

— instrukcja użytkowania.

---

1. O PROJEKCIE

GATE — platforma dla dostawców, dropshipperów i zespołów e-commerce.

Za pośrednictwem platformy użytkownicy będą mogli znajdować produkty, pracować z zamówieniami, dostawcami, mediami i innymi narzędziami do biznesu towarowego.

Grupa docelowa:

— dropshipperzy;

— właściciele sklepów internetowych;

— dostawcy towarów;

— zespoły towarowe;

— przedsiębiorcy w e-commerce;

— nowicjusze, którzy chcą rozpocząć pracę z biznesem towarowym.

Główne zadanie wizualne:

Uczynić GATE rozpoznawalną nowoczesną marką digital, która wygląda technologicznie, wygodnie, pewnie i przyjaźnie.

Nie powinien to być typowy design sklepu internetowego, projektu kryptowalutowego ani taniej usługi Telegram.

---

2. WYJŚCIOWY STYL WIZUALNY

Marka ma już:

— nazwę GATE;

— fioletowego 3D bohatera-ducha;

— ciemne tło;

— jasnofioletowe i białe elementy;

— nowoczesną okrągłą typografię.

Duch powinien stać się pełnoprawnym maskotką marki i być używany w publikacjach, relacjach, zapowiedziach i materiałach reklamowych.

Pożądany kierunek:

— nowoczesny digital;

— minimalizm;

— wysokiej jakości 3D lub pseudo-3D;

— czyste siatki;

— duża typografia;

— staranne gradienty i poświaty;

— poczucie technologicznego produktu;

— połączenie ciemnych i jasnych kompozycji.

Ważne:

Nie przeciążać designu dużą ilością efektów, drobnego tekstu, bezsensownych gradientów i dekoracyjnych elementów.

---

3. PIERWSZY ETAP — WIZUALNA KONCEPCJA

Przed stworzeniem wszystkich szablonów należy przygotować:

1. 2–3 warianty moodboardu.

2. 2 wizualne kierunki do wyboru.

3. Przykład jednej publikacji.

4. Przykład jednej relacji na Instagramie.

5. Przykład postu na Telegramie.

6. Warianty użycia bohatera-ducha.

Po zatwierdzeniu jednego kierunku tworzony jest cały system szablonów.

---

4. SZABLONY DLA INSTAGRAM STORIES

Format: 1080×1920 px.

Trzeba opracować minimum 10 szablonów:

1. Zapowiedź nowej funkcji.

2. Nowość lub aktualizacja platformy.

3. Zalety GATE.

4. Instrukcja w kilku krokach.

5. Opinie użytkowników.

6. Przykład lub wyniki klienta.

7. Produkt lub zestaw produktów.

8. Odpowiedź na często zadawane pytanie.

9. Ankieta lub interaktywność.

10. Zachęta do rejestracji / złożenia wniosku.

Szablony powinny mieć różne kompozycje, ale jednolity system wizualny.

Należy przewidzieć bezpieczne strefy Instagram, aby tekst i przyciski nie były zasłonięte przez interfejs.

---

5. SZABLONY DLA PUBLIKACJI NA INSTAGRAMIE

Formaty:

— 1080×1350 px;

— 1080×1080 px.

Trzeba opracować minimum 6 szablonów:

1. Karuzela z instrukcją.

2. Prezentacja nowej funkcji.

3. Przykład z danymi.

4. Publikacja ekspercka.

5. Porównanie „przed / po”.

6. Nowość lub ważna zapowiedź.

Potrzebny jest również uniwersalny szablon okładki dla karuzel.

---

6. OZDOBIENIE KANAŁU TELEGRAM

Trzeba przygotować:

1. Avatar Telegram 512×512 px.

2. Baner lub obrazek do przypiętej wiadomości 1280×720 px.

3. Szablon zwykłego postu 1200×1200 px.

4. Szablon przykładu z danymi.

5. Szablon aktualizacji platformy.

6. Szablon ważnego ogłoszenia.

7. Szablon instrukcji.

8. Szablon zestawienia produktów lub możliwości.

9. Szablon oferty reklamowej.

10. Separator lub okładki dla kategorii.

---

7. DODATKOWE ELEMENTY

Trzeba opracować:

— zestaw markowych tła;

— banery i karty;

— przyciski i elementy CTA;

— proste ikony;

— strzałki i wskaźniki;

— elementy do wyróżniania cyfr;

— 6–10 naklejek lub reakcji z duchem;

— warianty emocji bohatera;

— okładki dla Instagram Highlights;

— zasady używania logo i maskotki.

---

8. WYMAGANIA TECHNICZNE

Plik Figma powinien być przygotowany w taki sposób, aby pracownik bez umiejętności projektowych mógł:

— zmienić tekst;

— zmienić liczby;

— wstawić zdjęcie lub zrzut ekranu;

— zmienić nagłówek;

— wyeksportować gotową publikację w 1–2 minuty.

Wymagania obowiązkowe:

— Auto Layout;

— komponenty;

— warianty komponentów;

— Style lokalne / Zmienne;

— style tekstowe;

— jednolity system marginesów;

— starannie nazwane warstwy;

— brak uszkodzonych masek;

— brak powiązań z płatnymi, nieznanymi czcionkami;

— poprawne działanie przy zmianie długości tekstu.

Należy przekazać:

— oryginalny plik Figma;

— używane czcionki lub linki do nich;

— wszystkie elementy graficzne;

— krótkie wideo lub instrukcję użytkowania.

---

9. PORZĄDEK PRACY

1. Zapoznanie się z projektem i materiałami.

2. Przygotowanie moodboardu.

3. Stworzenie dwóch wizualnych koncepcji.

4. Wybór i dopracowanie jednej koncepcji.

5. Stworzenie całego systemu szablonów.

6. Sprawdzenie szablonów na rzeczywistych treściach.

7. Przekazanie pliku Figma i instrukcji.

Pracę należy podzielić na etapy z osobnym zatwierdzeniem każdego etapu.

---

10. CO NALEŻY PODAĆ W ODPOWIEDZI

Proszę przesłać:

1. 3–5 najbardziej odpowiednich prac.

2. Przykłady obsługi mediów społecznościowych lub kanałów Telegram.

3. Przykłady systemów projektowych i szablonów w Figma.

4. Oszacowanie kosztów projektu.

5. Przybliżone terminy realizacji.

6. Liczba iteracji poprawek.

7. Kiedy można zacząć.

Nie rozważamy odpowiedzi bez odpowiedniego portfolio.