First Crack
Sklep palarni kawy. Witryna z obracanymi paczkami w kolorach opakowań, a każda paczka ma krzywą swojej partii i działający kod QR.
Otwórz stronękawa.ignacydev.pl
O projekcie
Sklep palarni, w którym kolor daje tylko opakowanie, a każda torebka ma dane swojej partii.
First Crack to sklep fikcyjnej palarni kawy specialty. Strona jest jasna i spokojna, a kolor pochodzi wyłącznie z opakowań. Każda paczka ma numer partii i krzywą palenia tej partii, a kod QR na torebce otwiera jej kartę.
Strona główna zaczyna się od witryny: studyjny render paczki w kolorze opakowania, a obok pochodzenie, nuty, cena i data palenia. Przy zmianie kawy paczka obraca się bokiem do widza, kolor następnej rozlewa się od niej kołem i nowa paczka obraca się przodem; kursor obraca paczkę w miejscu, a na telefonie kawy zmienia się przesunięciem w bok. Opakowania to komponenty SVG budowane z danych produktu, a zdjęcia i obroty paczek renderuje Blender z tych samych tekstur, bez sesji zdjęciowej.
Poza sklepem jest quiz smaku, subskrypcja z kalendarzem dostaw, 29 kart partii z wykresami, poradnik parzenia i dziennik palarni. Strona działa po polsku i angielsku, z przetłumaczonymi adresami. Zamówienia są symulowane: nie ma bramki płatniczej ani pola na dane karty.
Co jest w środku
Witryna na start: paczka obraca się bokiem, kolor następnej kawy rozlewa się od niej kołem, a kursor obraca paczkę w miejscu (36 klatek z Blendera).
Opakowania to komponenty SVG z danych produktu: nazwa krojem zależnym od stopnia palenia, krzywa partii, poziomice z wysokości farmy i kod QR.
Zdjęcia paczek, ziaren i obrotówki renderuje Blender z tych samych tekstur, bez sesji zdjęciowej.
Quiz smaku, subskrypcja z kalendarzem dostaw i udawany checkout bez żadnego pola na kartę.