Osobiste portfolio frontend developera

Statyczna wizytówka, która w jednym przewinięciu pokazuje projekty, technologie i drogę do kontaktu.

  • Portfolio
  • Marka osobista
  • Strona statyczna
Strona główna portfolio PENDEV w widoku desktopowym
Ekran powitalny portfolio PENDEV w widoku mobilnym

O projekcie

Portfolio ma jedno zadanie: w kilkanaście sekund pokazać rekruterowi albo klientowi, co autor potrafi i jak się z nim skontaktować. Sekcje o autorze, projektach, technologiach i CV układają się w jedną, przewijaną historię.

Ekran powitalny portfolio PENDEV
Ekran powitalny portfolio PENDEV w widoku mobilnym

Wyzwanie

Portfolio programisty ocenia się także po samym wykonaniu — niedopracowana responsywność albo brak dostępności podważają treść, którą strona ma sprzedać. Poprzeczka leżała więc wyżej niż przy zwykłej wizytówce.

Sekcja „About me” z opisem doświadczenia i zestawem technologii
Sekcja „About me” portfolio PENDEV w widoku mobilnym

Rozwiązanie

Strona jest w całości statyczna, więc ładuje się natychmiast i nie wymaga zaplecza. Nawigacja działa z klawiatury, kontrasty i role ARIA są dopięte, a animacje ustępują przy systemowym ograniczeniu ruchu.

Każdy projekt dostał kartę ze stackiem, krótkim opisem i linkami do repozytorium oraz wersji live, a układ przechodzi płynnie od telefonu po szeroki desktop.

Karty projektów ze stackiem technologii i linkami do repozytorium
Sekcja „Projects” portfolio PENDEV w widoku mobilnym

Technologie

  • React
  • TypeScript
  • SCSS
  • Vite

Zakres i efekty

Co dokładnie zrobiliśmy

Osobiste portfolio z czytelną prezentacją projektów i umiejętności.

Klient
PENDEV
Termin
Czerwiec 2025
Rola
Projekt własny
Czas realizacji
3-5 tyg.
  • projekt UX/UI
  • Accessibility
  • Formularz kontaktowy
  • RWD i animacje

Efekt

wizytówka z czytelną prezentacją projektów i umiejętności

Czas ładowania
Statyczna strona bez zaplecza serwerowego
Dostępność
Pełna obsługa klawiatury i czytników ekranu
Prezentacja
Projekty, technologie i CV w jednym miejscu

Inne realizacje

Sprawdź pozostałe projekty

Zobacz całe portfolio
Desktop screenshot strony Sugar Madam — witryna studia urody ze sklepem i panelem CMS
WWW / e-commerce

Sugar Madam — witryna studia urody ze sklepem i panelem CMS

Witryna studia urody z Zielonej Góry łącząca wizytówkę marki, sklep z kosmetykami i rezerwację wizyt. Strony marketingowe renderowane po stronie serwera pod kątem lokalnego SEO, sklep obsługiwany przez Stripe Checkout z ceną liczoną wyłącznie serwerowo, a zamówienia trafiają do panelu CMS, w którym właścicielka samodzielnie zarządza produktami, cennikiem i galerią.

  • projekt UX/UI
  • sklep i płatności Stripe
  • panel CMS (Payload)
  • SEO lokalne
  • maile powtierdzające transakcje

Efekt: jedno miejsce, które prezentuje ofertę, sprzedaje kosmetyki i prowadzi do rezerwacji wizyty

Czas: 4 tyg.

Zobacz case study
Desktop screenshot strony Bastet Studio — portfolio fotografki
WWW / marka osobista

Bastet Studio — portfolio fotografki

Portfolio Pauliny Bukalskiej, fotografki z Lublina, zaprojektowane wokół pełnoekranowych historii zdjęciowych, subtelnych animacji i prostego kontaktu. Serwis łączy charakterystyczny język wizualny marki z wydajnym, dostępnym frontem i lokalnym SEO.

  • projekt UX/UI
  • interaktywne galerie
  • SEO lokalne
  • formularz z Turnstile

Efekt: spójna witryna marki, która prezentuje sesje i prowadzi do zapytania o termin

Czas: 3 tyg.

Zobacz case study
Desktop screenshot strony Ten Vape - strona dla lokalnego sklepu
WWW / lokalny biznes

Ten Vape - strona dla lokalnego sklepu

Wizerunkowo-informacyjna strona dla vape shopu w Lublinie, która szybko pokazuje ofertę, lokalizacje, godziny otwarcia, opinie klientów i najważniejsze informacje przed wizytą w sklepie.

  • projekt UX/UI
  • Animacje
  • SEO lokalne
  • FAQ i opinie Google

Efekt: czytelna wizytówka online wspierająca ruch w sklepach stacjonarnych

Czas: 4-6 tyg.

Zobacz case study

Następny projekt

Masz pomysł, brief albo problem do rozwiązania?

Wyślij nam kontekst. Wrócimy z pytaniami, sensownym zakresem i kierunkiem, który da się wdrożyć bez przepalania budżetu.