Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak
Opublikuj swój konkurs i wybierz z oferowanych prac tę która najbardziej Ci się podoba!

Projekt landing page w Figma

Translated300 USD
Design strony docelowej


Dodatkowe warunki

Tylko zleceniodawca ma dostęp do oglądania prac konkursowych


Użycie obrazów stockowych oraz AI jest dozwolone
Zleceniodawca
 Anton Tsybulsky
Ukraina Charków
 0  0  1

Translated
Konkurs został przetłumaczony automatycznie. Pokaż oryginał
Konkurs jest wyświetlany w oryginalnym języku. Przetłumacz

Cel

Stworzyć responsywny, nowoczesny design landing page z przełącznikiem języków UA/EN, formularzami leadów i aplikacji na oferty pracy, w stylu referencji dla firmy AdAlchemists. Obszar działalności firmy - marketing afiliacyjny (Google - reklama w sieci google ads, przez którą ustawia się reklamy. Nuntra - kierunek produktów, które są reklamowane, inaczej suplementy diety).

Zakres prac

  • Design w Figma: strona👍, komponenty, auto-layouty, zmienne/style (kolory, typografia, spacing).
  • Responsywne ramki: 1440/1280 (desktop), 768 (tablet), 390/360 (mobile).
  • System komponentów: header/footer, przyciski, pola formularzy, karty ofert pracy, pop-up aplikacji.
  • Interaktywny prototyp: stany hover, płynne przewijanie do „Oferty pracy”, otwieranie pop-upu.
  • Motion-referencje: animowany hero z logo (opis ruchu/klatki/specyfikacje do dalszej realizacji).
  • UI Kit: paleta, czcionki, siatka, ikony, stany elementów, zasady odstępów.
  • Przekazanie: link do pliku Figma z prawami do przeglądania/komentowania + eksport stylów/zmiennych.

Referencje stylu

Treść i struktura

4.1 Nagłówek

  • Nazwa zespołu, przyciski przełączania języka UA / EN, przycisk Join the team / Chcę do zespołu (przewijanie do sekcji „Oferty pracy”).

4.2 1. blok (hero, animacja)

  • Animacja z logo i tekstem(coś pomiędzy tym, co jest zrealizowane w devils.inc i traffbraza.com):
    • UA: Pełny stack dla najlepszych kupujących Google Ads.
    • EN: The full stack for top Google Ads buyers.

4.3 2. blok (infrastruktura)

  • Opis naszej infrastruktury (USP, podejście podobne do devils.inc):
    1. EN: Multiple white-page types • UA: Różne typy white-page
    2. EN: Internal billing solutions • UA: Wewnętrzne rozwiązania płatnicze
    3. EN: Unlimited account farming • UA: Nieograniczone farmowanie kont
    4. EN: Agency accounts, no fees • UA: Konta agencyjne bez opłat
    5. EN: Unlimited caps with guarantors • UA: Nieograniczone limity z gwarantami
    6. EN: Private offers, direct partners • UA: Prywatne oferty, bezpośredni partnerzy
    7. EN: Truly unlimited budgets • UA: Naprawdę nieograniczone budżety
    8. EN: Full reporting automation • UA: Pełna automatyzacja raportów
    9. EN: Account setup support, verification • UA: Wsparcie w zakładaniu kont i weryfikacja
    10. EN: Launch scheme testing team • UA: Zespół testowania uruchomień
    11. EN: Tech tasks: 1h avg • UA: Zadania techniczne: 1 godz.

4.4 3. blok (fokus i metryki)

  • Tekst nagłówka Google + Nutra:
    1. 2000+ leadów dziennie na geo / 2000+ leads daily per GEO
    2. 10k+ czysty średni zysk kupującego / 10k+ average net profit per buyer
    3. $m+ miesięczny obrót zespołu / $m+ monthly team turnover
    4. 35+ geo w pracy / 35+ GEOs

4.5 4. blok (lead-formularz „Szukasz ruchu?”)

  • Lewą część — nagłówek
    • EN: Looking for quality Google Ads traffic?
    • UA: Szukasz jakościowego ruchu z Google Ads?
  • Lewą część — tekst
    • EN: Leave a request — our biz dev team will contact you to start the cooperation.
    • UA: Zostaw zgłoszenie — nasz zespół bizdev skontaktuje się z Tobą, aby rozpocząć współpracę.
  • Prawą część — formularz aplikacji
    • Pola: Imię; Nick w Telegramie; Nazwa firmy; Link do strony firmy; Komentarz (opcjonalnie).

4.6 5. blok (Oferty pracy)

  • Sekcja ofert pracy w formacie „pin-board”: karty z pinezkami, poziome przewijanie, animacja pokazująca, że można przewijać w bok + w każdej przycisk „Join the team / Chcę do zespołu”. Poniżej nagłówki i tekst kart
    1. Media Buyer
      • UA: Pracujesz w Nutra 1+ rok i masz $10k+ z dowolnego źródła? Tak — bierzemy i przeprowadzamy do Google Ads.
      • EN: 1+ year in Nutra and $10k+ on any source? Yes—we’ll onboard you and transition you to Google Ads.
    2. Teamlead with team
      • UA: Zarządzasz 3 lub więcej kupującymi od 6 miesięcy? Dajemy prywatne oferty, stawki i infrastrukturę — pomożemy przejść do Google Ads.
      • EN: Managing 3 or more buyers for at least 6 months? We’ll provide private offers, payouts, and infrastructure—transition to Google Ads.
    3. Tech department
      • UA: Umiesz kodować, ale chcesz rozwijać się w marketingu afiliacyjnym?
      • EN: Can you code but want to grow in affiliate marketing?
    4. Affiliate department
      • UA: Umiesz załagodzić sytuację? Wiesz, jak łatwo i prosto pracować z partnerami? Jesteś u siebie w tej dziedzinie?
      • EN: Can you smooth things over? Make partner relations easy? Are you at home in affiliate?
    5. Support department
      • UA: Nie masz doświadczenia, ale chcesz się rozwijać? Gotowy do produktywnej pracy i nauki wszystkich niuansów?
      • EN: No experience but want to grow? Ready to work productively and learn all the nuances?
  • Pop-up z formularzem aplikacyjnym
    • Pola: Imię; Nick w Telegramie; Oferta pracy (automatycznie pobierana); Załaduj CV; Komentarz (opcjonalnie); Skąd się o nas dowiedziałeś:
      • Widziałem(łam) reklamę
      • Przeczytałem(łam) na forach
      • Powiedzieli mi znajomi
      • Inne
    • Przycisk dotyczący polityki prywatności: zaznaczenie obowiązkowe; jeśli odznaczyć — zgłoszenie nie może być wysłane.

4.7 Stopka

  • Nazwa zespołu z animacją, przycisk Join the team / Chcę do zespołu (przewijanie do sekcji „Oferty pracy”).

Wymagania dotyczące designu

  • Styl i kolory: wizualny styl i paleta muszą odpowiadać kolorom i tożsamości logo. Na podstawie logo stworzyć:
    • pierwotne/wtórne palety, neutralne odcienie, gradienty (w razie potrzeby);
  • Typografia: system czcionek dopasować do tożsamości (2–3 poziomy hierarchiczne); ustawić style w Figma (Text Styles).
  • Ogólny podejście do motion: w każdym bloku przewidzieć mikrointerakcje i animacje wejściowe elementów. Styl i kolory — zgodnie z tożsamością logo (logo w załączniku).
  • Siatka i kompozycja: 12-kolumnowa siatka dla desktop, responsywne siatki dla tablet/mobile; podstawowy kontener 1200–1280 px; wyraźne odstępy.
  • Komponenty i stany: przyciski, inputy, selekty, checkboxy/radia, tagi, karty ofert pracy, pop-up; warianty stanów: default/hover/pressed/disabled/focus/error/success.
  • Przełącznik UA/EN: widoczny w headerze na wszystkich breakpointach.
  • Responsywność: makiety dla 1440/1280 (desktop), 768 (tablet), 390/360 (mobile); zasady zachowania bloków.
  • UI Kit: paleta z tokenami, typografia, siatka, ikony, odstępy/zaokrąglenia/cienie; dokumentacja zastosowania kolorów (tło/tekst/bordery/akcenty).


Link do logo zespołu:

https://drive.google.com/drive/folders/1W84dIKw-wGntEP-nARe0gO6-RXLSyEWa?usp=sharing

Мета

Створити адаптивний, сучасний дизайн лендингу з перемикачем мов UA/EN, формами лідів і заявок на вакансії, у стилі референсів для компанії AdAlchemists. Сфера діяльності компанії - аффілейт маркетинг (Google - реклама мережа google ads через яку налаштовується реклама. Nuntra - напрямок товарів котрі рекламуються, по іншому БАДи).

Обсяг робіт

  • Дизайн у Figma: сторінка(и), компоненти, авто-лейаути, змінні/стилі (кольори, типографіка, spacing).
  • Адаптивні фрейми: 1440/1280 (desktop), 768 (tablet), 390/360 (mobile).
  • Компонентна система: хедер/футер, кнопки, поля форм, картки вакансій, поп-ап заявки.
  • Інтерактивний прототип: ховер-стани, плавний скрол до «Вакансії», відкриття поп-апу.
  • Моушн-референс: анімований херой із логотипом (опис руху/кадри/специфікації для подальшої реалізації).
  • UI Kit: палітра, шрифти, сітка, іконки, стани елементів, правила відступів.
  • Передача: посилання на Figma-файл з правами view/comment + експорт стилів/змінних.

Референси стилю

Контент і структура

4.1 Шапка

  • Назва команди, кнопки перемикання мови UA / EN, кнопка Join the team / Хочу в команду (скрол до блоку «Вакансії»).

4.2 1-й блок (герой, анімація)

  • Анімація з логотипом і текстом(щось середнє між тим, як реалізовано у devils.inc і traffbraza.com):
    • UA: Повний стек для топ-баєрів Google Ads.
    • EN: The full stack for top Google Ads buyers.

4.3 2-й блок (інфраструктура)

  • Опис нашої інфраструктури (УТП, підхід подібні до devils.inc):
    1. EN: Multiple white-page types • UA: Різні типи white-page
    2. EN: Internal billing solutions • UA: Внутрішні платіжні рішення
    3. EN: Unlimited account farming • UA: Необмежений фарм акаунтів
    4. EN: Agency accounts, no fees • UA: Агентські акаунти без комісій
    5. EN: Unlimited caps with guarantors • UA: Необмежені капи з гарантами
    6. EN: Private offers, direct partners • UA: Приватні офери, прямі партнери
    7. EN: Truly unlimited budgets • UA: Справді необмежені бюджети
    8. EN: Full reporting automation • UA: Повна автоматизація звітів
    9. EN: Account setup support, verification • UA: Саппорт заливу акаунтів та верифікація
    10. EN: Launch scheme testing team • UA: Відділ тестування заливу
    11. EN: Tech tasks: 1h avg • UA: Техзадачі: 1 год

4.4 3-й блок (фокус і метрики)

  • Текст заголовку Google + Nutra:
    1. 2000+ лідів щодня на гео / 2000+ leads daily per GEO
    2. 10k+ чистий середній заробіток баєра / 10k+ average net profit per buyer
    3. $m+ місячний оборот команди / $m+ monthly team turnover
    4. 35+ гео в роботі / 35+ GEOs

4.5 4-й блок (лід-форма «Шукаєте трафік?»)

  • Ліва частина — заголовок
    • EN: Looking for quality Google Ads traffic?
    • UA: Шукаєте якісний трафік з Google Ads?
  • Ліва частина — текст
    • EN: Leave a request — our biz dev team will contact you to start the cooperation.
    • UA: Залиште заявку — наша біздев-команда зв’яжеться з вами, щоб розпочати співпрацю.
  • Права частина — форма заявки
    • Поля: Ім’я; Нік у Telegram; Назва компанії; Посилання на сайт компанії; Коментар (за бажанням).

4.6 5-й блок (Вакансії)

  • Секція вакансій у форматі «pin-board»: картки з булавками, горизонтальний скрол, анімація котра показує що можно прокрутити в бік  + у кожній кнопка «Join the team / Хочу в команду». Нижче заголовки та текст карток
    1. Media Buyer
      • UA: Працюєш у нутрі 1+ рік і маєш $10k+ з будь-якого джерела? Так — беремо і переводимо під Google Ads.
      • EN: 1+ year in Nutra and $10k+ on any source? Yes—we’ll onboard you and transition you to Google Ads.
    2. Teamlead with team
      • UA: Ведете 3 або більше баєрів від 6 місяців? Дамо приватні офери, ставки та інфраструктуру — допоможемо перейти у Google Ads.
      • EN: Managing 3 or more buyers for at least 6 months? We’ll provide private offers, payouts, and infrastructure—transition to Google Ads.
    3. Tech department
      • UA: Вмієш кодити, але хочеш розвиватися в аффіліейт маркетингу?
      • EN: Can you code but want to grow in affiliate marketing?
    4. Affiliate department
      • UA: Вмієш згладжувати кути? Знаєш, як працювати з партнерами легко й просто? Ти свій у цій сфері?
      • EN: Can you smooth things over? Make partner relations easy? Are you at home in affiliate?
    5. Support department
      • UA: Немає досвіду, але хочеш розвиватися? Готовий продуктивно працювати й вивчати всі тонкощі?
      • EN: No experience but want to grow? Ready to work productively and learn all the nuances?
  • Поп-ап із формою подачі заявки
    • Поля: Ім’я; Нік у Telegram; Вакансія (підтягується автоматично); Завантаження CV; Коментар (за бажанням); Звідки про нас дізналися:
      • Побачив(ла) рекламу
      • Прочитав(ла) на форумах
      • Розповіли друзі
      • Інше
    • Кнопка про політику конфіденційності: увімкнена галочка обов’язкова; якщо зняти — заявку надіслати не можна.

4.7 Підвал

  • Назва команди з анімацією, кнопка Join the team / Хочу в команду (скрол до блоку «Вакансії»).

Вимоги до дизайну

  • Стиль і кольори: візуальний стиль та палітра мають відповідати кольорам і айдентиці логотипа. На базі логотипа сформувати:
    • первинну/вторинну палітри, нейтральні відтінки, градієнти (за потреби);
  • Типографіка: шрифтову систему підібрати під айдентику (2–3 ієрархічні рівні); задати стилі у Figma (Text Styles).
  • Загальний підхід до motion: у кожному блоці передбачити мікровзаємодії та вхідні анімації елементів. Стиль і кольори — згідно з айдентикою логотипа (логотип у вкладенні).
  • Сітка та композиція: 12-колонкова сітка для desktop, адаптивні сітки для tablet/mobile; базовий контейнер 1200–1280 px; чіткі відступи.
  • Компоненти та стани: кнопки, інпути, селекти, чекбокси/радио, теги, картки вакансій, поп-ап; варіанти станів: default/hover/pressed/disabled/focus/error/success.
  • Перемикач UA/EN: помітний у хедері на всіх брейкпойнтах.
  • Адаптивність: макети для 1440/1280 (desktop), 768 (tablet), 390/360 (mobile); правила поведінки блоків.
  • UI Kit: палітра з токенами, типографіка, сітка, іконографіка, відступи/радіуси/тіні; документація застосування кольорів (фон/текст/бордери/акценти).


Посилання на лого команди:

https://drive.google.com/drive/folders/1W84dIKw-wGntEP-nARe0gO6-RXLSyEWa?usp=sharing

Zwycięska praca Tetyana Butenko

main.png
В нас був не стандартний запрос, зробити не дизайн з 2000х років, а сучасний та максимально по наших референсах. Тетяна виконала роботу одразу, після було лише декілька правок, але вони не міняли її бачення. Дуже раджу до співпраці, швидко та максимально лояльно до комментарів.