Projektowanie strony docelowej
Zadanie techniczne dotyczące wersji landingowej
Ogólne informacje
- Projekt: Landing page dla Tamagotchi
- Liczba sekcji: 5
- Pliki projektu: Dostęp do projektów udostępniony w Figma (link do projektu).
Wymagania dotyczące wersji
Technologie:
- HTML5
- CSS3 (preferowane użycie preprocesorów: Sass lub LESS)
- JavaScript (jeśli potrzebny do animacji)
- Responsywna wersja z użyciem zapytań mediów (mobile-first)
- Kompatybilność z nowoczesnymi przeglądarkami (Google Chrome, Mozilla Firefox, Safari, Microsoft Edge)
- Sprawdzenie krzyżowe przeglądarek i platform
Struktura projektu:
- Strona główna z 6 sekcjami
- Użycie metodologii BEM do nazewnictwa klas
Wymagania dotyczące animacji:
- Każdą animację należy omówić i uzgodnić osobno, ponieważ nie wszystkie animacje są widoczne w projekcie Figma.
- Organizacja dyskusji z programistą w celu omówienia animacji.
- Użycie animacji CSS i bibliotek (np. GSAP).
Opis sekcji
Sekcja 1:
- Zawartość: Nagłówek
- Animacja: płynne pojawienie się Tamagotchi, poruszanie się liści
- Dodatkowo: responsywne rozmieszczenie tekstu
Sekcja 2:
- Zawartość: obraz tekst przycisk
- Animacja: Spadające banknoty
- Dodatkowo: responsywne zmiany rozmiarów obrazów i tekstu
Sekcja 3:
- Zawartość: Przejście
- Animacja: Kręcenie ruletki, wypadają jajka z jackpota
- Dodatkowo: responsywne rozmieszczenie ikon i tekstu w kolumnie na urządzeniach mobilnych
Sekcja 4:
- Zawartość: 5 - figury 3D
- Animacja: Figury 3D uderzają w bębny i gra muzyka
- Dodatkowo: responsywne zmiany rozmiarów obrazów i tekstu
Dodatkowe wymagania
Optymalizacja SEO:
- Użycie semantycznej struktury
- Optymalizacja ładowania obrazów (Lazy Loading)
- Ustawienie meta tagów
Wydajność:
- Minifikacja CSS i JavaScript
- Optymalizacja ładowania czcionek
Repozytorium i budowa projektu:
- Repozytorium na GitHub
- Testowanie:
- Testowanie na różnych urządzeniach i przeglądarkach
- Sprawdzenie błędów walidacji HTML i CSS
Etapy pracy
- Omówienie i zatwierdzenie animacji dla każdej sekcji
- Wersjonowanie wszystkich sekcji z kolejnym sprawdzeniem
- Integracja animacji i ostateczne sprawdzenie
- Testowanie i poprawianie błędów
- Przekazanie projektu
https://www.figma.com/design/Z1VrGtoW2vx7yfY3a0HSZJ/Tamagothci?node-id=1265-543&t=YFjuBCfenz3om1Mt-0
-
3277 52 0 Dzień dobry. Grzegorz. Duże doświadczenie w składzie. Pracę możemy rozpocząć już teraz. Napisz do mnie prywatnie
-
555 12 0 Dzień dobry, mam duże doświadczenie w tworzeniu podobnych stron internetowych, proszę pisać w wiadomości prywatnej w celu omówienia szczegółów
-
4762 50 0 1 Dzień dobry! Jestem gotowy wykonać pracę solidnie i w ustalonym terminie. Mam ponad 6-letnie doświadczenie. Proszę pisać na PW, aby omówić szczegóły.
-
243 Komercyjne doświadczenie w pracy na froncie - ponad 5 lat.
Stos:
Vue 3 (Composition API) + Nuxt.js - 4 lata
React - 3 lata
Mogę ocenić Twój projekt i dostarczyć wszystkie informacje na jego temat. Gotowy do podjęcia od razu. Mam dużo doświadczenia w tworzeniu tego rodzaju stron i systemów. Czekam na Ciebie w wiadomościach prywatnych.
-
128 Dzień dobry!
Jesteśmy zadowoleni, że możemy się zwrócić do Państwa z propozycją od firmy IT Natberh. Jesteśmy zespołem profesjonalistów specjalizujących się w tworzeniu stron internetowych, aplikacji mobilnych i innych produktów programistycznych. Zapewniamy Państwu ponad 5 lat doświadczenia w dziedzinie technologii informacyjnych, potwierdzone sukcesami i długoterminowymi partnerstwami.
Z niecierpliwością czekamy na możliwość omówienia Państwa konkretnych potrzeb i zapewnienia Pałstwu wysokiej jakości rozwiązań.
P.S. Ważne jest dla nas omówienie szczegółów Państwa projektu.
Strona internetowa: https://www.natberh.tech/
… Portfolio: https://www.natberh.tech/portfolio, olimpdigital.com/ua/portfolio
Dziękujemy za uwagę, z poważaniem,
Wiktoria,
Kierownik HR
-
229 Witam, będę zadowolony wykonać twoje zadanie, dobrze znam się na składzie i zrobię to dla ciebie w jak najkrótszym czasie, zapraszam do współpracy
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Aktualizacja projektu na stronieTrzeba zaktualizować design istniejącej strony internetowej używając HTML, CSS, JS: odświeżyć wygląd, uczynić go nowoczesnym i responsywnym na urządzenia mobilne. Wymagana jest dodanie płynnych animacji i interaktywnych elementów. Układ HTML i CSS, Javascript & Typescript ∙ 6 godzin 20 minut temu ∙ 60 ofert |
Szukam specjalisty WordPress/Elementor/Woo, który ma duże doświadczenie z szablonem Woodmart.
410 PLN
Potrzebne jest zaktualizowanie wizualizacji i struktury sklepu internetowego z produktami stomatologicznymi (link prześlę w wiadomości prywatnej) Strona działa na połączeniu WordPress + WooCommerce. Szablon — Woodmart. Zadanie: Aktualizacja nagłówka (header), stopki (footer)… Content Management Systems, Układ HTML i CSS ∙ 9 godzin 26 minut temu ∙ 26 ofert |
Układ stronySpecyfikacja techniczna dla szablonu strony. Napisał czat gptLink do projektu - https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=designInformacje ogólneNależy wykonać responsywny, wielobrowarowy… Układ HTML i CSS ∙ 10 godzin 16 minut temu ∙ 91 ofert |
Wprowadzenie poprawek i dopracowań na stronie zgodnie z TŻOpis projektu Potrzebne jest wykonanie kompleksu poprawek na stronie zvilnymo.ua zgodnie z dostarczonym zadaniem technicznym. Głównym celem prac jest zwiększenie konwersji strony, poprawa doświadczeń użytkowników, optymalizacja formularza pozyskiwania leadów oraz wzmocnienie… Układ HTML i CSS, Programowanie stron internetowych ∙ 12 godzin 44 minuty temu ∙ 39 ofert |
Primatic - Przeniesienie 3 stron z Figma do WordPress (Elementor)Cześć!Mam na imię Anna, mieszkam w Izraelu i prowadzę małe studio kreatywne. Pracuję głównie z małymi i średnimi firmami i obecnie szukam freelancera.Na chwilę obecną mam projekt: trzeba przenieść gotowy design z Figma do WordPressa. Łącznie trzy strony — strona główna, „O nas”… Układ HTML i CSS, Programowanie stron internetowych ∙ 22 godziny 7 minut temu ∙ 63 oferty |