Przejdź do treści
Wróć do Case Studies
Interior Design · Redesign

AK Interiors 2.0: Portfolio, Które Przegląda Się Jak Social Media

Dane pokazały, że 70% odwiedzających przychodzi z telefonu. Zamiast dopasowywać starą stronę, zaprojektowaliśmy ją od nowa – jako mobilny feed inspirowany Instagramem, zasilany przez headless CMS.

~70% ruchu z mobile
Headless CMS
Nowe treści bez programisty
Podgląd strony AK Interiors na telefonie

Strona zaprojektowana w formacie telefonu – tak, jak ogląda ją 7 na 10 odwiedzających. Przewiń feed powyżej.

Punkt Wyjścia: Dane, Które Zmieniły Wszystko

Z Alicją Kobiałką, założycielką pracowni AK Interiors, współpracujemy od dawna – to EzC zbudowało pierwszą wersję jej strony: eleganckie, desktopowe portfolio z galeriami projektów. Strona spełniała swoją rolę, ale my nie przestaliśmy patrzeć w dane.

Po kilku miesiącach analityka pokazała jednoznaczny trend: około 70% ruchu pochodziło z urządzeń mobilnych. Potencjalne klientki i klienci Alicji odkrywali wnętrza tam, gdzie odkrywa się je dziś naturalnie – na Instagramie, na telefonie, przewijając kciukiem.

Klasyczna odpowiedź brzmiałaby: „dopasujmy stronę do mobile”. My postawiliśmy pytanie inaczej: skoro 7 na 10 osób ogląda portfolio na telefonie, dlaczego strona ma udawać desktopową witrynę, a nie działać jak aplikacja, którą ci ludzie znają najlepiej?

Rozwiązanie: Portfolio Jako Feed

Zamiast klasycznej struktury „strona główna → podstrony projektów”, zaprojektowaliśmy całość jako jeden przewijany feed w formacie telefonu – z interakcjami zapożyczonymi wprost z social mediów, które użytkownicy obsługują bez chwili nauki.

Język interakcji znany z Instagrama:

  • Każdy projekt to „post" w feedzie: tytuł, galeria, lokalizacja, tagi i krótki opis
  • Zdjęcia w pionowym kadrze 4:5 przewijane gestem – z kropkami i licznikiem jak w karuzeli na Instagramie
  • Szczegóły projektu otwierają się w wysuwanym panelu od dołu ekranu – bez opuszczania feedu
  • Natywne udostępnianie systemowe – jeden dotyk, by wysłać projekt znajomym
  • Indywidualny kolor akcentu dla każdego projektu, ustawiany z poziomu CMS
Projekt jako post w feedzie: tytuł, galeria zdjęć z licznikiem, lokalizacja i tagi
Projekt jak post – galeria, lokalizacja, tagi
Galeria projektu po przesunięciu gestem – licznik pokazuje zdjęcie 2 z 15
Zdjęcia przewijane gestem, jak karuzela na Instagramie
Szczegóły projektu w panelu wysuwanym od dołu ekranu telefonu
Szczegóły w panelu od dołu – bez opuszczania feedu

Co ważne – na komputerze strona nie rozjeżdża się do pustego, szerokiego layoutu. Świadomie zachowuje skupioną, pionową kolumnę, dzięki czemu doświadczenie jest spójne niezależnie od urządzenia, a fotografie wnętrz zawsze grają główną rolę.

Headless CMS: Pełna Niezależność Właścicielki

W pierwszej wersji strony treści projektów były częścią kodu – każda zmiana wymagała programisty i nowego wdrożenia. W nowej wersji podłączyliśmy headless CMS (Sanity), w którym Alicja samodzielnie zarządza całą zawartością strony.

Co właścicielka publikuje sama, bez udziału programisty:

  1. 1
    Nowe projektygalerie zdjęć, opisy, lokalizacje, tagi i kolory akcentu
  2. 2
    Artykuły i wpisytreści eksperckie budujące pozycję w wyszukiwarce
  3. 3
    Ofertę i cennik pakietówzakres usług aktualizowany na bieżąco
  4. 4
    Opinie klientówrosnący social proof prosto z panelu
  5. 5
    Status „przyjmuję projekty"jeden przełącznik steruje komunikacją dostępności na stronie

Efekt? Dodanie nowej realizacji trwa tyle, co przygotowanie posta na Instagram – a strona zawsze pokazuje aktualne portfolio, bez czekania na czyjkolwiek kalendarz. Z CMS-a pochodzi też cała sekcja oferty – pakiety, opisy i kolejność Alicja układa sama.

Rezultaty: Strona, Która Pracuje Na Zapytania

Co redesign dał AK Interiors:

  • Doświadczenie skrojone pod ~70% odbiorców – mobilny feed zamiast pomniejszonej strony desktopowej
  • Pełną samodzielność w publikacji treści – projekty, artykuły i opinie bez udziału programisty
  • Kwalifikację leadów – ankieta dla potencjalnych klientów z pytaniem o budżet i termin realizacji
  • Mierzalność – śledzenie interakcji z feedem, galeriami i formularzami
  • Fundament pod rozwój – wersja anglojęzyczna gotowa do włączenia jednym ruchem

Podsumowanie

Historia AK Interiors pokazuje, jak rozumiemy długofalowe partnerstwo technologiczne: nie kończy się na wdrożeniu. Obserwujemy dane, wyciągamy wnioski i mamy odwagę zaproponować zmianę paradygmatu – nawet jeśli oznacza to przeprojektowanie strony, którą sami zbudowaliśmy.

Finalny efekt to portfolio, które zachowuje się dokładnie tak, jak przyzwyczajenia jego odbiorców – i zaplecze, dzięki któremu właścicielka rozwija swoją stronę równie łatwo, jak profil w social mediach.

Jeśli Twoja strona powstała z myślą o komputerach, a Twoi klienci dawno przenieśli się na telefony – porozmawiajmy. Projektujemy tam, gdzie naprawdę są Twoi odbiorcy.

Twoi klienci są na telefonach. A Twoja strona?

Porozmawiajmy o tym, co mówią dane o Twoich odbiorcach – i jak przekuć je w stronę, która naprawdę konwertuje.