Przejdź do treści

Projektowanie odzieży

BD Design

Portfolio, w którym każdy projekt jest idealnie zaprezentowany.

RolaProjekt + kod
StackNext.js 14 · Tailwind CSS · GSAP
Zobacz na żywo
bddesign.one

Jak to powstało

Wyzwanie01

Świetne projekty odzieży i gadżetów ginęły w rolce Instagrama — brakowało miejsca, które prezentowałoby je z należytą klasą.

Rozwiązanie02

Zbudowałem dynamiczną stronę-portfolio z customowymi animacjami GSAP, galerią prac z lightboxem i czytelnym procesem współpracy. Mocna typografia i energia dopasowana do sportowego charakteru prac.

Efekt03

Portfolio, w którym każdy projekt jest idealnie zaprezentowany — i które realnie sprzedaje talent projektanta nowym klientom.

Z bliska

BD Design — widok 1
fig. 01BD Design
BD Design — widok 2
fig. 02BD Design
BD Design — widok 3
fig. 03BD Design
BD Design — widok 4
fig. 04BD Design
BD Design — widok 5
fig. 05BD Design

Elementy interaktywne

01

Lightbox galerii

Kliknięcie w kartę projektu otwiera fullscreenowy lightbox z nawigacją strzałkami i zamknięciem przez Escape lub kliknięcie w tło.

02

Sekcja 'Dlaczego ja'

Najechanie na element rozsuwa dolny element z opisem.

03

Footer i proces współpracy

Trzykrokowy proces współpracy z animacjami hover na kartach i linkiem do Instagrama.

04

Wersja mobilna

Responsywność na telefonie — dostosowany układ na telefonie.