Szczegółowe Wykonanie projektu!
Figma projektu https://www.figma.com/design/O1ZFkM0Ugian1oUkMcq8qX/Untitled?node-id=1733-5461&t=uwr78V10NVNWzq6F-1
🔒 TECHNICZNE ZADANIE
FRONTEND-REALIZACJA WEDŁUG MAKIET FIGMA
(BEZ BACKENDU / BEZ LOGIKI / BEZ PRZECHOWYWANIA)
1. Cel prac
Stworzyć interfejs użytkownika strony ściśle według makiet Figma (pixel-perfect)
❗ Wyłącznie frontendowa realizacja, bez implementacji logiki serwera, przechowywania danych i procesów biznesowych.
Wynik prac musi być całkowicie gotowy do późniejszego podłączenia backendu, ale nie zawierać jego implementacji.
2. Źródło projektu
Jedynym źródłem prawdy są makiety Figma
Realizacja odbywa się 1 do 1:
wymiary
marginesy
czcionki
kolory
stany elementów
Jakiekolwiek odchylenia od Figma są zabronione bez uzgodnienia
3. Granice odpowiedzialności frontendu (KRYTYCZNE)
🚫 Frontend NIE MA PRAWA:
projektować API
implementować logikę biznesową
przechowywać dane
realizować autoryzację
przeprowadzać obliczenia
podłączać Bazy Danych
emulować „inteligentne” zachowanie
Frontend TYLKO wyświetla interfejs.
4. Formy (OBOWIĄZKOWE)
4.1 Zachowanie form
Wszystkie formy:
są realizowane ściśle według Figma
zawierają wizualną walidację (required, error-state)
NIE PRZECHOWUJĄ danych
NIE WYSYŁAJĄ danych na serwer
4.2 Wysyłanie formy
Przy submit:
console.log('Form submit mock', formData);
❗ Używana jest JS-zastępcza, bez fetch / axios / API.
5. Listy, karty, tabele
5.1 Źródło danych
Wszystkie listy są realizowane statycznie
Dane są zakodowane na stałe (mock-data)
Struktura HTML musi być gotowa pod API
Przykład:
<div class="items-list">
<!-- items from API later -->
</div>
❗ Żadnej logiki ładowania danych.
6. Autoryzacja / rejestracja
6.1 Ściśle tylko UI
Realizacja ekranów logowania / rejestracji
Pola, przyciski, stany błędów — tylko wizualnie
Żadnej weryfikacji loginu/hasła
6.2 Zachowanie
Przycisk „Zaloguj się”:
console.log('Auth UI only');
❗ NIE:
JWT
cookies
localStorage
ról
dostępu
7. Przycisk i działania
7.1 Wszystkie przyciski
Mają obowiązek mieć hover / active / disabled (jeśli są w Figma)
Nie wykonują rzeczywistych działań
7.2 Zachowanie przycisków
console.log('Button clicked');
8. Okna modalne / popupy
Otwierają się/zamykają lokalnym JS
Bez ładowania danych
Bez powiązania z API
Stany ściśle według makiet
9. Responsywność
Obowiązkowe punkty przerwania:
Desktop
Tablet
Mobile
Realizacja ściśle według responsywnych makiet Figma
Samowolne rozwiązania są zabronione.
10. Wymagania techniczne
HTML5
CSS / SCSS
Metodologia klas: BEM (lub uzgodniona)
Czysta, czytelna struktura
Komponentowe podejście
11. Przygotowanie pod backend (ALE BEZ JEGO REALIZACJI)
Frontend ma obowiązek:
pozostawić komentarze:
<!-- backend: data will be injected here -->
używać neutralnych atrybutów data
nie robić założeń o logice API
12. Kryteria akceptacji
Praca jest akceptowana jeśli:
Realizacja wizualnie zgadza się z Figma
Brak zapytań sieciowych
Brak przechowywania danych
Brak logiki biznesowej
Cała interaktywność — zastępniki
Kod gotowy do podłączenia backendu
13. Zabronione bez uzgodnienia
❌ Samodzielnie:
wymyślać logikę
optymalizować UX „po swojemu”
dodawać zachowanie nie z Figma
pisać klientów API
WSZYSTKO MUSI DZIAŁAĆ I WYGLĄDAĆ JAK W FIGMIE!
-
Walerio, twój projekt to wyzwanie, z którym jestem gotowa zmierzyć się z entuzjazmem. Moje doświadczenie w tworzeniu responsywnych interfejsów zgodnych z makietami Figma gwarantuje doskonałe dopasowanie do twojej wizji. Jestem pewna, że nasze umiejętności techniczne pozwolą stworzyć idealnie interaktywny frontend, gotowy do integracji z backendem bez żadnych odchyleń. Moje zrozumienie responsywności i podejścia komponentowego pozwoli twojemu projektowi wyglądać i działać doskonale na wszystkich platformach. Z niecierpliwością czekam na możliwość omówienia twoich oczekiwań w przyszłości.
-
Dzień dobry
jestem gotów omówić szczegóły w wiadomości prywatnej
...........................................
-
Realizuję pixel-perfect layout na HTML/SCSS według BEM z pełną responsywnością i JS-zagłuszaczami ściśle według TŻ. Gwarantuję czystą strukturę pod dalszą integrację backendu. Koszt za cały zakres — 450 dolarów, termin — 10 dni roboczych.
Kiedy planujecie otworzyć projekt, abym zarezerwował czas pod wasz zakres?
-
375 1 0 Dzień dobry!
Jestem gotowy do realizacji twojego projektu. Pracuję z web developmentem i designem, mam praktyczne doświadczenie i portfolio.
Pracowałem z klientami z Ukrainy i Europy, dotrzymuję terminów i zawsze jestem w kontakcie.
Jestem gotowy do omówienia szczegółów i zaproponowania optymalnego rozwiązania. Mogę zacząć w najbliższym czasie.
-
313 1 0 Cześć, rozumiem jak ważne jest odwzorowanie projektu bez zmian na stronie, dlatego odpowiadam za jakość swoich usług.
Piszcie, omówimy szczegóły i ceny.
Odpowiadam szybko!
-
696 2 0 📌Cześć.👋
⭐️Nazywam się Andrzej.
⭐️Mam 12-letnie doświadczenie w pracy.
• ➡️Mogę pokazać prace związane z tworzeniem projektów.
• 🎨Portfolio:Freelancehunt
• ✅Ocena prac na Behance (ponad 500.000 wyświetleń)
• 💼Więcej prac tutaj:Dribbble
-
10857 17 2 ✌️Cześć, również z Chmielnickiego))
Proponuję swoją kandydaturę. Zadanie jest jasne i nie nowe
10 dni, 20 000 UAH i macie zrealizowany pixel perfect frontend 1 do 1 jak na makiecie
✔️ Nie odróżnicie prawdziwej strony od projektu
✔️ Logika wyświetlania będzie zrealizowana dokładnie według specyfikacji
… Pracujemy szybko, precyzyjnie i bez kosztów dla waszych komórek nerwowych
🤝 Nie widzę żadnego powodu, dla którego nasza współpraca nie mogłaby się odbyć))
-
7672 16 0 1 Witam.
Zapoznałem się z zadaniem.
Stworzę wysokiej jakości layout.
Napisz, omówimy szczegóły projektu!
----------------------------------
Prywatny deweloper stron internetowych. Doświadczenie – 10 lat.
Projektowanie, layout, rozwój stron Wordpress.
-
10524 179 3 3 Dzień dobry. Mam duże doświadczenie w tworzeniu stron internetowych. Zrobię to jakościowo i szybko. Pisz, omówimy szczegóły
Moje portfolio
Freelancehunt
-
807 6 1 Dzień dobry!
Jestem gotów stworzyć stronę internetową według Państwa projektu z Figma. Wykonam czystą wersję HTML z responsywnymi wersjami na urządzenia mobilne i tablety, ściśle według makiety.
Co zrealizuję:
• Wersja strony na HTML/CSS według projektu z Figma
• Pełna responsywność: desktop / tablet / mobile
• Formularz kontaktowy z walidacją pustych i niepoprawnie wypełnionych pól
• Wszystko ściśle według specyfikacji
… • Czysty, uporządkowany kod
Moje prace:
https://yesoriginal.com.ua/ https://beauty-prof.com/ https://biotop-professional.com.ua/
https://heko.lt/
http://jobsfor-you.com/
https://brightsmile.masterdev36.com/
https://velustro.masterdev36.com/novabuild/
https://wall-master.artbud.pro/
https://www.cardanmash.com.ua/
http://floridagardendesigns.com/
https://sugacards.com/
https://advilion.com
http://axiomaplus.com.ua/
https://maxinstal.ch/
http://otpad.com.ua/
http://spectrum.net.ua/
Jestem gotów rozpocząć od razu.
Aktualne zlecenia dla freelancerów w kategorii Projektowanie interfejsów użytkownika (UI/UX)
Potrzebny projektant UI/UX: redesign katalogu + karty produktu (Figma)Działający sklep internetowy z felgami i oponami OBERT (https://obertshop.com.ua). Potrzebny redesign dwóch istniejących stron: Katalog (lista produktów) — https://obertshop.com.ua/shop/Karta produktu — przykład:… Projektowanie interfejsów użytkownika (UI/UX), Projektowanie stron internetowych ∙ 8 godzin 50 minut temu ∙ 44 oferty |
Artysta gier 2D / Projektant UI do wizualnej aktualizacji już gotowej interaktywnej gry.
408 PLN
Szukam utalentowanego artysty 2D / projektanta UI do wizualnej aktualizacji już gotowej interaktywnej gry. Logika i mechanika projektu są w pełni napisane i działają (fizyka kolizji, interaktywność). Musimy całkowicie zmienić grafikę, uczynić ją nowoczesną, dynamiczną i… Projektowanie interfejsów użytkownika (UI/UX), Projektowanie stron internetowych ∙ 14 godzin 16 minut temu ∙ 9 ofert |
Projekt mapy muzeów
82 PLN
Należy opracować wizualne оформление istniejącej mapy (SVG) z naniesieniem punktów muzeów i wyświetleniem powiązań między muzeami a wypożyczonymi eksponatami.Mapa NIE BĘDZIE interaktywna.Szczegóły: https://www.loom.com/share/61acd14ddb4643a9a01a093095e91aaf Projektowanie interfejsów użytkownika (UI/UX) ∙ 1 dzień 8 godzin temu ∙ 14 ofert |
Opracowanie projektu UI/UX dla wielostronicowej strony internetowej
817 PLN
Szukam projektanta UX/UI do wielostronicowej strony internetowej Struktura strony jest już przygotowana. Należy na jej podstawie opracować zrozumiałą logikę stron, ścieżkę użytkownika i nowoczesny design w Figma. Proszę o przesyłanie przykładów prac i orientacyjnych kosztów. Projektowanie interfejsów użytkownika (UI/UX) ∙ 1 dzień 16 godzin temu ∙ 81 ofert |
Okta.comTrzeba stworzyć makietę w figma dla nowej strony. Jako baza posłuży stara strona (www.okta.ua), kategorie produktów, katalog i inna treść pozostają. Należy uprościć logikę biznesową zamawiania produktów, zmienić strukturę stron na bardziej wygodną. Projektowanie interfejsów użytkownika (UI/UX) ∙ 5 dni 16 godzin temu ∙ 62 oferty |