Wykonanie szablonu strony lądowania i wdrożenie na WordPressie
1144 PLN
Technical Assignment (TA)
1. General Requirements
Goal:
To create a layout for the main page (and additional informational pages) on WordPress using the Avada theme and its visual builder (Avada Builder).
To set up a global Header and Footer, add a modal window "Join our waitlist" for collecting email addresses with integration into a mailing service.
Cross-browser compatibility: Support for the latest versions of major browsers (Chrome, Firefox, Safari, Edge).
Responsiveness: Correct display on all popular devices (desktop, tablet, smartphone).
Interface: The entire site (header, buttons, texts, captions, messages, modal window) — only in English, without Russian or Ukrainian words.
Structure: To create the header and footer globally (Avada > Layouts), and all blocks of the main page – in Avada Builder.
Reusability: All sections/containers created for the main page must be "saved" (saved containers/sections) so that they can be reused or edited.
Editability: All texts, images, links, as well as the content of the modal window must be editable through Avada Builder.
2. Structure of the Main Page
Below are the blocks (sections) that need to be created and arranged sequentially on the main page. Each section specifies which elements inside should be editable.
2.1. Header
Logo (icon + text "fantribe"):
The ability to replace the icon and text through Avada/WordPress settings (the logo can be stored in Media Files).
Main Menu:
Items: For Creators, For Fans, Monetization, Subscription, FAQ, etc.
On mobile devices – a "burger" button, which opens a dropdown menu when clicked.
Buttons: Log in / Sign up — style according to the layout (different colors).
Minimal Animation:
Possible light animation on hover over menu items (change of text color).
2.2. Hero Section
Background: Gradient background, rounded corners (radius 40px).
Heading: Large text (example: "Fantribe is on a mission…"). Part of the text highlighted with a gradient (via CSS).
Block with avatars and button "join creators community":
One image
The text "join creators community" is editable in the builder.
Phone Mockup with a slider:
Behind the "screen" of the phone are slides (Swiper or Avada carousel), scrolling horizontally infinitely (loop).
The active slide is centered and highlighted with a border.
PNG frame of the phone overlaps the slides.
The caption (e.g.: "Natan Levy – Fantribe.com/natanlevy") changes according to the active slide.
2.3. "Fan subscriptions" Block
Description (text) at the top.
Cards (infinite carousel):
The ability to edit titles, descriptions, images).
2.4. "Community Perks" Block
Left Column with the title "Community Perks" and 4 items (Exclusive community access, Live events, Meet-the-creator sessions, Community challenges).
Right Column — screenshot or illustration (replaced through the builder).
2.5. "Monetization Opportunities" Block
Heading.
Left Column (2 cards: Exclusive discounts, Crowdfunding perks), vertical stripe in the middle, right column (2 cards: Sponsorship opportunities, Launch discounts).
Card: icon (emoji), title, description. All editable.
2.6. "Subscription Models" Block
Heading "Subscription Models".
Toggle: "Billed Monthly / Billed Annually" – when toggled, the active class changes. Optional: price change (JS/Avada conditional logic).
Cards (3 pcs.: Basic, Premium, VIP) with editable titles, prices, descriptions, and "Get Started" buttons.
VIP Card – dark gradient.
2.7. "FAQ" Block
Heading "FAQ".
Questions (5 pcs.):
Expand/collapse on click (JS or Avada toggle).
The ability to edit questions and answers.
2.8. Footer
Background (gradient), rounded corners (40px).
Text + Unlock button (Seamlessly connect with your audience…).
Horizontal line.
Bottom stripe: logo (with icon) on the left, copyright on the right.
3. Additional Pages
Privacy Policy
Terms of Use
To be formatted as separate pages, linked to the menu/footer. The text can be a placeholder, everything — in English.
4. Integration of Mailing Service + Modal Window
Modal Window "Join our waitlist":
Close button (icon "×") in the corner.
Heading "Join our waitlist", logo, text description, email input field, and button "Join now →".
Background of the window (dark/semi-transparent) + dark panel for content.
Minimal animation for the window appearance (fade-in or scale-in).
All inscriptions — only in English.
Button/link that opens this window (can be located in the menu, in the Hero block, or in any other place).
Email collection service:
Need to set up a form (Avada Forms or third-party plugin) with an email field, integrate with the chosen service (Mailchimp, Sendinblue, ActiveCampaign, etc.).
When submitted, the email address is added to the mailing list.
Success/error message (in English).
5. Dynamic Blocks / Reusable Sections
Header and Footer – global Layouts (Avada > Layouts).
Popup ("Join our waitlist") – can be formatted as a separate Popup (Avada or plugin). All texts and images – through the builder/plugin.
Main Sections – save as reusable containers (Avada Builder), so they can be used on other pages or cloned.
6. Animations
Hover effects on cards/buttons (lift, shadow, color change).
Fade-in or slide-in on scroll (optionally through Avada Animations).
Swiper – smooth horizontal scrolling (infinite).
7. Functional Requirements
WordPress + Avada:
Install the Avada theme, create a global Header/Footer, main page, "Privacy Policy" and "Terms of Use" pages.
Insert main blocks (Hero, Fan subscriptions, Community Perks, Monetization, Subscription Models, FAQ) through Avada Builder.
Modal Window:
Opens when clicking the button (e.g., "Join our waitlist").
Closes when clicking the "×" icon or on the overlay (optionally).
The subscription form sends the email to the chosen service (Mailchimp/other).
Swiper (in Hero Section):
The active slide is always centered, with a border.
Infinite scrolling (loop).
Display of multiple slides, ability to swipe left/right.
8. Conclusion
Main page fully created in Avada Builder on WordPress, the entire interface — in English.
Modal window with the "Join our waitlist" form, integrated with the mailing service.
Additional pages: Privacy Policy and Terms of Use (placeholders, everything in English).
All blocks are editable through Avada Builder, and the Header/Footer are moved to Layouts.
Załączniki 2
Opinia zleceniodawcy o współpracy z Yurii K.
Wykonanie szablonu strony lądowania i wdrożenie na WordPressieProjekt zakończony, polecam współpracę z Jurijem!
Opinia freelancera o współpracy z Stefan Vasilyev
Wykonanie szablonu strony lądowania i wdrożenie na WordPressieDziękuję za współpracę! Cieszę się, że mogłem pracować nad twoim zadaniem) Szybka informacja zwrotna i przyjazna współpraca uczyniły pracę komfortową i produktywną) Jeśli pojawią się pytania lub potrzebna będzie pomoc, śmiało pisz, zawsze jestem w kontakcie!
-
7 dni1144 PLN
7 dni1144 PLN
Witaj.
Z Avada pracuję dość często, gotowy wykonać zadanie.
Na początku mogę zacząć wszystko na swoim hostingu (temat jest dostępny), zrobić kilka bloków/elementów. Zobaczycie, czy wynik będzie satysfakcjonujący. Jeśli tak - kontynuujemy współpracę.
-
5 dni1144 PLN
319 10 0 5 dni1144 PLN
Cześć, mam duże doświadczenie w pracy, portfolio wyślę na życzenie w wiadomości prywatnej.
Będę zadowolony ze współpracy z Państwem.
-
1 dzień1144 PLN
280 1 dzień1144 PLN
Cześć, Stefanie
Dziękuję za szczegółowe wyjaśnienie projektu.
1. Czy masz już konto Mailchimp (lub inny serwis pocztowy) do zbierania adresów e-mail?
2. Chcesz, żebym skonfigurował hosting, czy Twoja strona WordPress już działa i jest gotowa do zainstalowania motywu?
-
3 dni1103 PLN
326 1 0 3 dni1103 PLN
Dzień dobry.
Mam doświadczenie w pracy z WordPress od 3+ lat.
Jestem gotowy do współpracy przy tym projekcie.
Moje ostatnie prace:
https://www.malynovskyi.agency/
https://kitsystyle.com.ua/
https://www.target.malynovskyi.agency/
-
4 dni1144 PLN
290 1 0 4 dni1144 PLN
Dzień dobry. Jestem gotów do wykonania.
Mam duże doświadczenie w tworzeniu stron na WP.
Moje portfolio:
Freelancehunt
Zrealizuję makietę strony głównej i stron informacyjnych. Wdrożę wszystkie niezbędne funkcjonalności. Optymalizuję pod wymagane przeglądarki i platformy. Interfejs będzie w języku angielskim. Niezbędne elementy i bloki będą rozmieszczone zgodnie z opisaną strukturą. Wszystkie bloki będą edytowalne przez Avada Builder.
Zintegruję usługę newslettera w oknie modalnym. Zapewnię maksymalną wydajność.
Pisz, omówimy szczegóły i przystąpię do pracy.
-
20 dni1144 PLN
411 6 1 20 dni1144 PLN
Gotowy do omówienia projektu! Proszę przesłać projekt i szczegółowo opisać swoje życzenia dotyczące landing page'a.
-
10 dni1144 PLN
6463 82 3 3 10 dni1144 PLN
Dzień dobry!
Jestem gotów pracować nad Twoim projektem.
Czekam na odpowiedź.
Z poważaniem, Iwan
-
10 dni1144 PLN
2276 37 0 10 dni1144 PLN
Dzień dobry! Wykonam wysokiej jakości, responsywną szatę graficzną.
Mogę stworzyć motyw od zera i osadzić go na wp/acf, aby wszystko było edytowane z panelu administracyjnego.
Doświadczenie w pracy ponad 5 lat.
Zapraszam do kontaktu, chętnie nawiążę współpracę!
-
10 dni1144 PLN
619 7 0 10 dni1144 PLN
Dzień dobry. Będę zadowolony ze współpracy.
Jestem gotów omówić szczegóły w prywatnej korespondencji.
Duże doświadczenie, odpowiedzialne i jakościowe podejście.
Z poważaniem Roman!
Piszcie, omówimy
-
5 dni1144 PLN
2830 19 0 5 dni1144 PLN
Witam, jestem gotów stworzyć stronę na wp z podanym motywem i uwzględniając wszystko z TZ. Gwarantuję jakość i szybkość pracy.
Piszcie, będę zadowolony ze współpracy!
-
14 dni1144 PLN
1405 10 0 14 dni1144 PLN
Dzień dobry. Mam doświadczenie w projektowaniu, składzie i WordPressie. Wszystkie projekty tutaj (https://github.com/divinebang). Możemy omówić wszystkie kroki. Jestem gotów rozpocząć pracę, jak tylko ustalimy szczegóły.
-
4 dni1103 PLN
753 11 2 4 dni1103 PLN
Dzień dobry Stefan, zapoznałam się z wymaganiami i makietą i jestem gotowa profesjonalnie zrealizować dla Ciebie landing na WordPressie z zastosowaniem takich technologii:
Hhtml5
Css3, SCSS
Flexbox, Grid Css
Js, jQuery
Wordpress, ACF
Ważny kod (W3C), zielona strefa Page Speed, kod zoptymalizowany pod SEO.
… Jestem gotowa rozpocząć od razu po zatwierdzeniu.
Skontaktuj się, chętnie pomogę!
-
7 dni1103 PLN
224 1 0 7 dni1103 PLN
Witaj!
Chcemy zaproponować nasze usługi. Mamy profesjonalny zespół deweloperów, składający się z specjalistów front-end, back-end oraz TL. Pracujemy od ponad 4 lat z różnymi niszami, geografiami i projektami, dlatego jesteśmy elastyczni w warunkach i różnorodności pracy.
E-Commerce, SaaS, agencje marketingowe, firmy logistyczne i IT to obszary, w których pracujemy.
Już od dłuższego czasu pracujemy nad podobnymi projektami, dlatego zrealizujemy Twój projekt jakościowo i szybko.
Porozmawiajmy o szczegółach projektu.
-
9 dni1144 PLN
5569 114 4 2 9 dni1144 PLN
Dzień dobry. Stworzę responsywną, wielobrowarową, ważną i szybką stronę internetową na WordPress, gotową do realizacji od razu po omówieniu szczegółów.
Jestem dostępny 24/7
-
7 dni1144 PLN
4833 19 0 7 dni1144 PLN
Cześć, Stefan!
Zapoznałem się z zadaniem i jestem gotów przystąpić do jakościowego wykonania zlecenia.
Proponuję rozwój na WordPress + ACF PRO
Termin: 5 dni
Portfolio: webisen.com
…
Abyś miał pewność, że podczas pracy nie wystąpią problemy, możesz zapoznać się z moją ostatnią pracą:
https://telya.ch/
Podaję również linki do innych projektów:
https://gvadiko2004.github.io/grill/
https://gvadiko2004.github.io/Anon-shop/
https://iliarchie.github.io/cates/
Jeśli jesteś zainteresowany moją ofertą, skontaktuj się ze mną w wiadomościach prywatnych.
Z góry dziękuję
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Sandra Lody - Kalejdoskop
337 PLN
Mamy mały projekt i chcielibyśmy wiedzieć, czy moglibyście przygotować dla nas wideo na ekran LED. Wideo będzie używane na naszym wydarzeniu. Dostarczymy wszystkie niezbędne materiały: projekt, księgę znaku, wymiary i wymagania techniczne. Proszę dać znać, czy jesteście dostępni… Układ HTML i CSS ∙ 33 minuty temu ∙ 2 oferty |
Skład 8 stron strony internetowej
327 PLN
O projekcie strona internetowa firmy konsultingowej. Projekt jest w pełni gotowy w Figma (ciemnoniebieska paleta, wersje desktopowe i mobilne). Potrzebne jest wysokiej jakości responsywne kodowanie ściśle według makiet. Nie ma animacji.Zakres prac Projektant dostarczył makiety… Układ HTML i CSS ∙ 2 godziny 8 minut temu ∙ 52 oferty |
Skład bloków WordPressDzień dobry. Trzeba zrobić redesign, a konkretnie układ bloków jak na makiecie, struktura nie różni się zbytnio od tego, co jest teraz, poza nagłówkiem i blokiem hero. Należy zrobić redesign zarówno wersji mobilnej, jak i desktopowej. Strona jest na WordPressie,… Układ HTML i CSS, Obsługa stron internetowych ∙ 5 godzin 40 minut temu ∙ 52 oferty |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 6 godzin 44 minuty temu ∙ 20 ofert |
Strona docelowa dla sklepu Shopify według gotowego projektuPotrzebna jest strona docelowa dla sklepu internetowego na Shopify. Sklep już działa na zakupionym szablonie, więc zadanie polega na dostosowaniu gotowego wizualnego projektu i struktury do możliwości aktualnego szablonu, bez pełnego opracowywania od zera. Strona jest potrzebna… Content Management Systems, Układ HTML i CSS ∙ 21 godzin 24 minuty temu ∙ 27 ofert |
Charków