DAFIPAPIER - Rebranding B2B z autorską produkcją 3D i video
Zadanie było jasne: przeprowadzić rebranding i zbudować serwis, który pokaże DAFIPAPIER jako partnera operacyjnego, a nie dostawcę z katalogu.Branża higieniczna jest wizualnie trudna. Produkty są powtarzalne, zdjęcia katalogowe wyglądają wszędzie tak samo, a przewaga firmy leży w rzeczach, których nie widać: ciągłości dostaw, znajomości specyfiki szpitala czy hotelu, elastyczności obsługi. Postawiliśmy więc na własną produkcję wizualną. Zamiast stocków i zdjęć od producentów przygotowaliśmy autorskie animacje 3D, wizualizacje produktowe, dedykowaną sesję zdjęciową w realnym otoczeniu firmy oraz materiały filmowe.
Wyzwanie
| Obszar | Punkt wyjścia | Cel rebrandingu |
|---|---|---|
| Wizerunek | Komunikacja typowej hurtowni, marka niewyróżniająca się w segmencie | Pozycjonowanie jako partner higieniczny dla biznesu z niemal 30-letnim stażem |
| Materiał wizualny | Zdjęcia katalogowe producentów, brak spójnego świata marki | Własna biblioteka: fotografia, 3D, video |
| Struktura oferty | Szeroki asortyment prezentowany produktowo | Podział według typu obiektu, zgodny z tym, jak myśli klient B2B |
| Ścieżka zakupowa | Rozdzielenie serwisu i sklepu bez wyraźnego mostu | Płynne przejście ze strony wizerunkowej do sklepu i do zapytania ofertowego |
| Technologia | Ograniczenia wydajnościowe i brak wygodnej edycji treści | Next.js plus CMS w rękach zespołu klienta |
Nasze rozwiązanie
Rebranding i identyfikacja wizualna
Przeprowadziliśmy odświeżenie marki DAFI. Uporządkowaliśmy logotyp i zasady jego stosowania, zbudowaliśmy paletę barw opartą na czystej bieli i kontrastowych akcentach kolorystycznych, dobraliśmy typografię o wysokiej czytelności w długich listach produktowych oraz stworzyliśmy system ikon i elementów graficznych. Powstał kompletny język wizualny: od strony internetowej, przez materiały ofertowe, po oznaczenia w social media.
Autorskie animacje 3D
Przygotowaliśmy dedykowane animacje 3D, które otwierają serwis i wprowadzają użytkownika w świat marki. Animacje pokazują to, czego nie da się sfotografować: przepływ produktu od magazynu do obiektu klienta, skalę asortymentu oraz ideę kompleksowego zaopatrzenia. Ruch jest podporządkowany narracji, a nie efektowi. Każda sekwencja ma zadanie komunikacyjne i prowadzi do kolejnej sekcji strony.
Wizualizacje 3D produktów
Zbudowaliśmy modele i rendery kluczowych grup asortymentowych: dozowników, systemów papierowych, opakowań zbiorczych i akcesoriów. Wizualizacje 3D dają pełną kontrolę nad kadrem, światłem i tłem, dzięki czemu cała oferta prezentuje się spójnie, niezależnie od tego, ilu producentów obejmuje. Modele są wielokrotnego użytku. Ta sama baza zasila stronę, materiały ofertowe, prezentacje handlowe i kampanie reklamowe.
Dedykowana sesja zdjęciowa
Zrealizowaliśmy sesję w siedzibie i w magazynie DAFIPAPIER. Fotografia objęła zespół, halę magazynową, kompletowanie zamówień, flotę transportową oraz produkty w realnym użyciu. To ten materiał buduje wiarygodność sekcji o doświadczeniu, transporcie i zespole. Klient B2B kupuje pewność dostawy, a pewność dostawy najlepiej pokazują prawdziwi ludzie i prawdziwy magazyn.
Produkcja filmowa
Nakręciliśmy film wizerunkowy oraz zestaw krótszych materiałów wideo przeznaczonych na stronę i do social media. Film otwierający stronę główną łączy zdjęcia z magazynu i floty z animacją 3D w jedną narrację o firmie, która panuje nad całym łańcuchem dostaw. Krótsze formy obsługują poszczególne sekcje: usługi uzupełniające, transport, sposób składania zamówienia.
Architektura informacji dopasowana do klienta B2B
Ofertę ułożyliśmy dwutorowo. Pierwsza ścieżka prowadzi przez kategorie produktowe, druga przez typ obiektu: placówki medyczne, HoReCa, firmy sprzątające, zakłady produkcyjne, biura i instytucje. Kierownik utrzymania czystości w hotelu nie szuka „artykułów higienicznych papierowych”. Szuka rozwiązania dla swojego obiektu. Serwis odpowiada obiema drogami i w obu kończy się tym samym: kontaktem lub przejściem do sklepu.
Interaktywne sekcje
Zaimplementowaliśmy moduły, które utrzymują uwagę bez spowalniania strony: płynne przejścia między sekcjami, animowane karty segmentów, dynamiczną prezentację mocnych stron firmy oraz przewijaną ścianę marek partnerskich. Animacje reagują na scroll i są wygaszane przy preferencji ograniczonego ruchu, zgodnie z dobrymi praktykami dostępności.
Framework technologiczny
Serwis zbudowaliśmy na Next.js, nowoczesnym frameworku React, który zapewnia wysoką wydajność, szybkie ładowanie i solidne fundamenty pod SEO. To decyzja podyktowana wprost charakterem projektu: strona jest ciężka od multimediów, a mimo to musi ładować się szybko również na telefonie kierownika obiektu, który wchodzi na nią między jedną a drugą sprawą. Obrazy są serwowane w formatach nowej generacji i skalowane do urządzenia, animacje ładowane progresywnie, a kluczowe treści renderowane po stronie serwera.
System zarządzania treścią
Wdrożyliśmy dedykowany CMS, w którym zespół DAFIPAPIER samodzielnie zarządza ofertą, wpisami na blogu, case studies, sekcją zespołu oraz biblioteką mediów. Aktualizacja asortymentu, dodanie nowej marki partnerskiej czy publikacja artykułu nie wymagają kontaktu z działem developmentu.
Połączenie serwisu ze sklepem internetowym
Strona wizerunkowa i sklep dafipapiersklep.pl działają jako jeden system komunikacji. Serwis buduje zaufanie i wyjaśnia kompetencje, sklep obsługuje zamówienie. Przejścia między nimi są wyraźne i obecne w każdym istotnym miejscu ścieżki, bez gubienia kontekstu, w którym użytkownik się znajdował.
