CatByte Lab · Projekt własny

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
Zobacz wersję liveOmów podobny projekt
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.

Projekt
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

CatByte Lab

Pozostałe projekty z Lab

Zobacz CatByte Lab
Desktop screenshot strony Coffee Roasters - strona marki kawowej
Frontend Mentor / product website

CatByte Lab · Frontend Mentor

Coffee Roasters - strona marki kawowej

Responsywna, wielostronicowa strona dla fikcyjnej palarni kawy z przejrzystą prezentacją oferty, procesu działania i kreatorem planu subskrypcji. Projekt skupia się na dopracowanym layoucie, czytelnym flow oraz spójności z dostarczonym designem.

  • RWD
  • wielostronicowy layout
  • kreator planu kawowego
  • Frontend Mentor

Efekt: estetyczna prezentacja produktu z intuicyjną ścieżką wyboru planu

Czas: 2-4 tyg.

Zobacz case study
Desktop screenshot strony Planets Facts - interaktywna encyklopedia planet
Frontend Mentor / interactive app

CatByte Lab · Frontend Mentor

Planets Facts - interaktywna encyklopedia planet

Interaktywna aplikacja edukacyjna prezentująca fakty o planetach Układu Słonecznego. Użytkownik może przełączać planety oraz widoki danych, a interfejs łączy mocny, kosmiczny styl z czytelnymi informacjami i responsywnym układem.

  • RWD
  • routing planet
  • zakładki danych
  • wizualizacja metryk

Efekt: czytelna aplikacja contentowa z szybkim dostępem do danych o każdej planecie

Czas: 2-4 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.

Skontaktuj sięZobacz usługi