Co było, co zrobiłam, co z tego wyszło.

Punkt wyjścia

Strona na WordPressie rozbudowywana latami. Każda sekcja miała inną logikę, a produkty dzieliły trzy różne systemy kategorii. Ponad 70 urządzeń leżało na jednej płaskiej liście bez filtrów, a największy wyróżnik firmy, platforma edukacyjna, w ogóle nie pojawiał się na stronie głównej.

Co zrobiłam

• Nowa strona pod nową domeną, z katalogiem podzielonym na tematyczne światy i filtrami.
• Wyszukiwarka z podpowiedziami, która rozumie odmianę słów i działa bez polskich znaków.
• Karta techniczna PDF do pobrania przy każdym produkcie, prosto z portalu dystrybutorów.
• Wersja angielska całej strony.
• Blog przeniesiony ze starej strony razem z historią.
• Przeprowadzka bez utraty ruchu z Google: każdy stary adres przekierowany i sprawdzony automatem.

Efekt

• 2358 starych adresów przekierowanych na nowe
• 241 z 242 adresów z kliknięciami w Google działa po przenosinach
• 17,9 → 1,9 MB waga strony katalogu po odchudzeniu zdjęć

Punkt wyjścia

Duże zamówienie wymagało platformy edukacyjnej przy każdym urządzeniu, dostępnej przez kod QR. Platforma istniała, ale działała jak katalog produktów i nie miała widoku na telefon, a to właśnie telefonem skanuje się kod na placu.

Co zrobiłam

• Jeden wzór strony dla każdego urządzenia: zabawa krok po kroku, historia, materiały dla nauczyciela.
• Widok na telefon, bez instalowania aplikacji.
• Wersja w tekście łatwym do czytania przy każdym urządzeniu.
• Stare kody QR, przyklejone już w terenie, prowadzą na nowe strony.
• Zdjęcia z jednego źródła, wgrywane automatycznie, w lżejszych wersjach na telefon.

Efekt

• 43 z 43 starych kodów QR prowadzi na nowe strony
• 17 → 84 urządzeń z wersją w tekście łatwym do czytania
• 39,94 → 4,96 MB waga zdjęć strony głównej

Punkt wyjścia

Dokumentacja dla dystrybutorów krążyła w linkach, które wygasały. Każde „link nie działa” odrywało kogoś od pracy, a karty techniczne powstawały ręcznie w plikach Word, osobno dla każdego języka.

Co zrobiłam

• Portal z logowaniem: karta techniczna, model 3D i rysunki każdego produktu w jednym miejscu.
• Portal sam czyta pliki z firmowej bazy wiedzy, więc nowa wersja dokumentu trafia do partnerów bez rozsyłania.
• Strefa materiałów marketingowych: zdjęcia do obejrzenia i pobrania w jakości do druku albo na www, jedną paczką.
• Interfejs po polsku, angielsku i francusku.
• Karty techniczne z jednego źródła danych, wydawane jednym poleceniem.

Efekt

• 1174 zdjęć produktów, każde w trzech wersjach
• 6 rynków eksportowych z jednym punktem dostępu
• 95/95 kart technicznych w nowym systemie

Punkt wyjścia

Pierwszą wersję tej strony zbudowałam w maju. Jesienią spojrzałam na nią obok nowej strony firmowej i oceniłam krótko: wygląda jak zrobiona przez AI. Strona ma doprowadzić proboszcza albo dyrektora szkoły do rozmowy, więc musiała wyglądać jak marka, nie jak szablon.

Co zrobiłam

• Nowy system wizualny w rodzinie strony firmowej, z zachowaniem zieleni i znaku linii.
• Wszystkie strony polskie i angielskie w nowym wyglądzie.
• Nowe teksty, a potem sprawdzone tłumaczenie na angielski.
• Galerie zdjęć w kartach produktów, z powiększeniem i przesuwaniem palcem.

Efekt

• 13 + 11 stron po polsku i po angielsku
• 281 zmian w tekstach stron polskich

Nowy wygląd, teksty i galerie weszły na stronę w trzy dni.

Punkt wyjścia

Sklep działał na gotowym motywie, jakich wiele. Właściciel chciał też znaleźć ludzi, którzy otworzą punkty sprzedaży w swoich miastach, a sklep nie miał dla nich żadnego miejsca.

Co zrobiłam

• Strona wejścia, która od razu dzieli gości: kupuję sofę albo chcę sprzedawać sofy.
• Butik z obrotową sceną modeli, w którym tło przybiera kolor sofy z przodu.
• Karta produktu z pytaniem „Zmieści się u Ciebie?”, wymiarami i datą dostawy zamiast liczby dni.
• Sofy wycięte z tła z cieniem, spójne na każdej stronie sklepu.
• Strona dla przyszłych partnerów, podpięta ze strony głównej.

Efekt

• 17 modeli sof w nowej scenie, każdy wycięty z tła

Od pierwszej makiety do nowego wyglądu na żywym sklepie minęło kilka dni.

Punkt wyjścia

Setki sklepów sprzedają te same meble z tych samych hurtowni, a wyróżnia je tylko cena. Analiza rynku pokazała morze beżu i wolne miejsce dla odważniejszego, redakcyjnego stylu.

Co zrobiłam

• Własny styl: oliwka, cegła i wyrazista typografia zamiast beżu.
• Strona główna ułożona jak magazyn, z menu, w którym podkategorie mają obrazki.
• Menu na telefon w formie wysuwanej szuflady.
• Filtry i sortowanie, które naprawdę zawężają wybór.
• Usunięte obietnice bez pokrycia: każdy baner prowadzi tam, gdzie obiecuje.

Efekt

• 2851 produktów w ofercie sklepu
• 15/15 banerów prowadzi tam, gdzie obiecuje