Zakodowanie 2 widoków do HTML/CSS/JS/RWD

Zlecenie zamknięte
Wojoweb
Wojoweb
Zleceniodawca
206 umów
Kategoria zlecenia:
Strony www
Budżet:

Do negocjacji

Umiejętności:
cięcie grafiki
css
frontend
html5
javascript
kodowanie
rwd
Opublikowano:
Ważne do:

Opis zlecenia

Zlecę zakodowanie dwóch widoków do HTML/CSS/JS/RWD.

Podgląd grafiki do zakodowania:

https://cutit.org/fTcxl - strona główna

https://cutit.org/LQElE - strona projektu

Uwagi do strony glównej:

1) Strona jednoekranowa, bez klasycznego scrollowania.

2) "1" scroll w dół powoduje przejście do następnego ekranu. https://alvarotrigo.com/fullPage/#page4 (jednak u nas tło by się nie zmieniało, więcej w pkt. 6)

3) Burger menu

4) Pod burger menu informacja na jakiej stronie się znajdujemy - po "1" scrollu zanimowana na następną, np fadeout obecnej i fadein wchodzącej.

5) Tło na każdym ekranie (oprócz portfolio) to galaktyka. Dodamy tutaj animacje, do ustalenia (np. animacja względem ruchu kursora, animacja gwiazd w ruchu niezależnym od siebie, przelot meteora). jeden z przykładów animacji (nie muszą lecieć w górę) https://codepen.io/Suburbanno/pen/OXZrvw

6) Efekt scrollowania - tło i animacja gwiazd nie zmieniałaby się, zostawałaby w miejscu - jedynie content by się zmieniał.

Uwagi do projektu:

1) Tutaj scroll działa normalnie, nie "ekranowo"

2) Tło fixed, czyli cały czas zostajemy w galaktyce, animacja w tle, ale przesuwa nam się tylko content

3) Sticky header

4) Można dodać animacje typu parallax i fade in/slide in tekstu

5) Podgląd projektu na monitorze oraz telefonie, to się zawsze lepiej prezentuje na mockupach. Poza tym klient od razu ma wyobrażenie jak wygląda docelowy produkt już na urządzeniach. Można użyć do tego scrolla, albo paska na dole. Kiedy kursor jest na monitorze macbooka to scrolluje się projekt. Kiedy kursor jest na pozostałym obszarze wtedy scrolluje się strona projektu.

Poproszę o wycenę, termin realizacji oraz link do dwóch zakodowanych przez siebie projektów.

Szablon / własny projekt:

dostarczam plik PSD

Wymagane funkcje:

opis w treści