Oleh Hubskyi
Zaproponuj Oleh pracę nad swoim kolejnym zleceniem.
Prywatna wiadomość
Zaproponuj zlecenie
Odessa,
Ukraina
8 miesięcy 18 dni temu
gotowy do podjęcia pracy
w Serwisie 1 rok
Ranking
Zakończonych zleceń
Średnia ocena
Poziom znajomości języków obcych
Русский: native
Українська: zaawansowany
Umiejętności i kwalifikacje
Portfolio
-
247 PLN STUDIO WWW
Układ HTML i CSS
Strona przedstawia stronę kreatywnej agencji "WEB STUDIO", która oferuje usługi z zakresu web designu i rozwoju. Główny nacisk położono na responsywną szatę graficzną, co pozwala na poprawne wyświetlanie strony na różnych urządzeniach.
Główne elementy strony:
Nagłówek strony:
…
Logo agencji.
Główne menu z sekcjami: "Studio", "Portfolio", "Kontakty".
Przycisk do otwierania mobilnego menu, który zastępuje standardowe menu na mniejszych ekranach.
Sekcja bohatera (Hero):
Powitalny tekst z krótkim opisem agencji: "Kreatywne rozwiązania dla Twojego biznesu".
Przycisk wezwania do działania (Call-to-Action) z propozycją dowiedzenia się więcej o studiu.
Sekcje z usługami i portfolio:
Lista głównych usług agencji: design, rozwój, marketing.
Galeria z przykładami zrealizowanych projektów z podglądem i krótkim opisem każdego.
Sekcja "O studiu":
Opis zespołu agencji z naciskiem na doświadczenie i kreatywne podejście.
Galeria zdjęć pracowników.
Kontakty:
Informacje o lokalizacji, dane kontaktowe oraz formularz zwrotnego kontaktu.
Wbudowana mapa dla wygodnego wyszukiwania studia.
Stopka (footer):
Linki do mediów społecznościowych.
Copyright i dodatkowe linki do polityki prywatności oraz warunków użytkowania.
Strona Portfolio:
Galeria projektów:
Strona portfolio wyświetla galerię ze zdjęciami i tytułami projektów zrealizowanych przez agencję.
Projekty podzielone są na kategorie, na przykład, web design, rozwój aplikacji itp.
Czysty minimalistyczny design:
Galeria jest zaprojektowana za pomocą wyraźnej siatki, co zapewnia harmonijne rozmieszczenie elementów.
Obrazy są zoptymalizowane do szybkiego ładowania i responsywności.
Technologie używane:
HTML5: Do strukturyzacji treści z użyciem semantycznego oznaczenia, co poprawia SEO i dostępność.
CSS3: Użyto do stylizacji:
Flexbox i CSS Grid: Do tworzenia responsywnej siatki galerii i innych elementów, co pozwala im na przystosowanie się do różnych ekranów.
Media Queries: Do zapewnienia responsywnego designu na różnych urządzeniach.
Metodologia BEM: Stosowana do organizacji klas CSS, co sprawia, że kod jest bardziej zrozumiały i łatwiejszy do utrzymania.
Responsywna szata graficzna:
Projekt zbudowany z podejściem Mobile-first, co oznacza, że pierwszeństwo nadano urządzeniom mobilnym z dalszym dostosowaniem do większych ekranów.
Menu i galeria projektów są dostosowane do różnych rozmiarów ekranów za pomocą zapytań medialnych.
Ogólnie rzecz biorąc, strona została wykonana z nowoczesnym podejściem do designu i rozwoju, zapewniając wygodne doświadczenie użytkownika na różnych urządzeniach.
-
411 PLN Moje portfolio
Programowanie stron internetowych
"Moje portfolio" — to osobista strona internetowa, zaprojektowana w celu zaprezentowania Twoich umiejętności, projektów i doświadczenia jako programisty webowego. Strona została stworzona z wykorzystaniem nowoczesnych technologii, takich jak React, React Router i Vite, i stylizowana za pomocą "modern-normalize", aby zapewnić stabilny wygląd w różnych przeglądarkach.
Główne funkcje:
Jednostronicowa aplikacja na React: Strona jest jednostronicową aplikacją (SPA), z React do budowy interfejsu użytkownika i React Router do nawigacji między różnymi sekcjami portfolio (np. Strona główna, O mnie, Projekty, Kontakty).
…
Animacje: Strona wykorzystuje animacje wpisywania tekstu (przez react-type-animation), co dodaje dynamiczny i atrakcyjny element do nagłówków lub innych części strony, aby przyciągnąć uwagę odwiedzających.
Prezentacja projektów: Projekty prawdopodobnie będą przedstawione w postaci oddzielnych komponentów, z których każdy ma unikalny identyfikator przez uuid. Mogą zawierać informacje o Twoich wkładach, użytych technologiach oraz linki do działających wersji demo lub GitHub.
Integracja SVG: Wykorzystanie vite-plugin-svgr pozwala na importowanie i optymalizowanie plików SVG jako komponentów React, co zapewnia skalowalne i szybko ładowane elementy wizualne.
Mobilna responsywność: Dzięki wykorzystaniu "modern-normalize" strona ma responsywny design i dobrze wygląda na wszystkich urządzeniach, w tym smartfonach i tabletach.
Optymalizowana kompilacja: Vite zapewnia szybki rozwój i optymalizowane kompilacje do produkcji, co gwarantuje szybkie ładowanie i efektywne działanie strony.
Linter: Z narzędziami eslint i eslint-plugin-react projekt przestrzega najlepszych praktyk pisania kodu JavaScript i React, co pomaga unikać błędów i utrzymywać wysoką jakość kodu.
Aktywność
| Ostatnie oferty 8 | Budżet | Dodana | Terminy | Oferta | |
|---|---|---|---|---|---|
|
Zlecenie freelance |
|||||
|
Zlecenie freelance
164 PLN
|
|||||
|
Zlecenie freelance |
|||||
|
Zlecenie freelance
247 PLN
|
|||||
|
Zlecenie freelance
41 PLN
|
|||||
|
Potrzebny freelancer do szybkiego i taniego tworzenia landingów
1234 PLN
|
|||||
|
Składanie stron aplikacji
411 PLN
|
|||||
|
Zlecenie freelance |
