- Cel: Zaprojektowanie platformy cyfrowej łączącej intymny styl bloga z modułem sprzedaży fizycznych produktów bez wrażenia nachalnego sklepu.
- Koncepcja: Przeniesienie 1:1 języka wizualnego systemowej aplikacji Notatki (Apple Notes) na stronę internetową.
- UX: Zero barier zakupowych — zakupy bezpośrednio z poziomu czytanych zapisków, uproszczony 1-krokowy checkout.
- Technologia: Czysta, ultraszybka architektura (Core Web Vitals LCP < 0.8s, CLS = 0).
- Rezultat: Projekt stał się integralną częścią wizerunku twórcy, budując wysokie zaangażowanie społeczności i znakomite wyniki sprzedaży.
1. Wyzwanie: Kiedy standardowy szablon sklepu niszczy wizerunek
Łukasz (znany w sieci jako lookash / 110299r) zbudował oddaną społeczność w oparciu o bezpośrednią, bezpretensjonalną i refleksyjną formę komunikacji. Jego znakiem rozpoznawczym były zrzuty ekranu z przemyśleniami pisanymi w aplikacji Notatki na iPhone.
Gdy pojawiła się potrzeba stworzenia platformy do dystrybucji własnych produktów oraz publikacji dłuższych treści, standardowe szablony e-commerce (typowe układy kafelkowe w stylu klasycznego sklepu z banerami i promocjami) były z góry skazane na porażkę. Wyglądałyby sztucznie i zniszczyłyby intymną relację z odbiorcami.
Główne wyzwanie: Jak zaprojektować w pełni funkcjonalny e-commerce, który z zewnątrz wygląda jak prywatny notatnik twórcy, a jednocześnie realizuje twarde cele sprzedażowe?
2. Koncepcja kreatywna: Dekonstrukcja interfejsu iOS Notes
Zamiast maskować format, postanowiłem pójść na całość i przenieść estetykę Apple Notes wprost do przeglądarki internetowej:
• Faktura i kolorystyka: Zastosowanie charakterystycznego ciepłego, lekko ziarnistego tła imitującego papier oraz minimalistycznych żółtych akcentów znanych z interfejsu Apple.
• Typografia systemowa: Użycie fontu o proporcjach zbliżonych do natywnego krojów iOS, co natychmiast wywołuje u użytkownika iPhone'a podświadome uczucie obcowania z własnym telefonem.
• Karty jako notatki: Każdy post na blogu oraz każdy produkt w sklepie został sformatowany jako osobna notatka z datą, godziną utworzenia i subtelną poziomą linią podziału.
3. UX i Architektura Konwersji (Seamless E-commerce)
W projektach dla twórców internetowych kluczem do sukcesu jest brak tarcia (frictionless UX). Użytkownik wchodzący z mediów społecznościowych (Instagram, TikTok) ma krótki czas uwagi i korzysta wyłącznie ze smartfona.
Wdrożone rozwiązania UX:
1. Kontekstowy zakup: Produkty nie były ukryte w odrębnej zakładce „Katalog”. Pojawiały się organicznie wplecione w treść notatek i opowieści twórcy, umożliwiając dodanie do koszyka jednym tapnięciem.
2. Szybki wysuwany koszyk (Slide-over Cart): Koszyk zaprojektowano jako dolny arkusz (iOS Bottom Sheet), który nie przeładowywał strony i nie przerywał lektury.
3. Uproszczony proces kasy: Zredukowanie liczby formularzy do niezbędnego minimum (integracja szybkich płatności mobilnych BLIK i Apple Pay).
„Współpraca z Jakubem była fantastycznym doświadczeniem. Nie tylko stworzył piękną stronę internetową dla mojego bloga i sklepu e-commerce, ale także zapewnił jej optymalizację pod kątem funkcjonalności i doświadczenia użytkownika. Jakub poświęcił czas na pełne zrozumienie mojej marki i odbiorców.”
— Łukasz, Właściciel 110299r.com
4. Realizacja techniczna i wydajność
Aby zapewnić natychmiastową responsywność przy nagłych skokach ruchu (tzw. efekt influencera po opublikowaniu relacji na Instagramie), platforma została zbudowana w oparciu o ultra-lekki kod pozbawiony ciężkich bibliotek:
Dzięki optymalizacji obrazów, kompresji i bezbłędnemu kodowaniu strona bez problemu wytrzymuje nagłe uderzenia tysięcy odwiedzających w ciągu pierwszych minut od publikacji nowego dropu.
5. Wnioski biznesowe
Projekt 110299r.com udowodnił, że odejście od utartych schematów w branży e-commerce i postawienie na unikalne doświadczenie użytkownika (UX) dopasowane do tożsamości marki przynosi wymierne korzyści finansowe i wizerunkowe.
Strona zyskała viralowy rozgłos wśród odbiorców, a naturalne połączenie formatu bloga ze sklepem przełożyło się na wyjątkowo wysoki współczynnik konwersji koszyka.
Planujesz unikalny produkt cyfrowy lub sklep?
Porozmawiajmy o tym, jak wyróżnić Twoją firmę na tle konkurencji.