Cel projektu
- Stworzenie nowoczesnej strony odpowiadającej międzynarodowemu charakterowi działalności.
- Czytelne przedstawienie usług Grapeace oraz GP Fruit.
- Pokazanie kompleksowości obsługi – od transportu i logistyki po magazynowanie, kontrolę jakości, sortowanie i konfekcjonowanie.
- Wzmocnienie wiarygodności poprzez pokazanie doświadczenia, skali operacji, certyfikacji, infrastruktury i zespołu.
- Przygotowanie serwisu wspierającego pozyskiwanie nowych kontrahentów B2B.
- Przygotowanie projektu z myślą o komunikacji międzynarodowej w wersjach EN, PL i ES.
Odbiorcy strony
- Producenci i eksporterzy owoców oraz warzyw z całego świata.
- Firmy dostarczające produkty do dużych sieci handlowych działających w Polsce.
- Partnerzy poszukujący hubu logistycznego i przeładunkowego w centralnej Polsce.
- Firmy potrzebujące transportu chłodniczego, magazynowania oraz kompleksowej obsługi produktów świeżych.
- Zagraniczni kontrahenci poszukujący lokalnego partnera odpowiedzialnego za dalszą obsługę produktów na rynku polskim.
Wyzwanie projektowe
- Grapeace i GP Fruit są osobnymi firmami, ale ich działalność jest ze sobą mocno powiązana. Projekt musiał czytelnie rozdzielić ich kompetencje, jednocześnie pokazując je jako jeden uzupełniający się ekosystem usług.
- Należało przedstawić dużą liczbę usług logistycznych w sposób prosty i zrozumiały.
- Serwis miał komunikować profesjonalny charakter działalności B2B, ale jednocześnie zachować lekki, świeży i kolorowy charakter związany z branżą owocowo-warzywną.
- Ważne było wykorzystanie autentycznych materiałów firmy: magazynu, produktów, procesów oraz zespołu.
- Projekt musiał zostać przygotowany w sposób modułowy, pozwalający wykorzystywać te same komponenty i sekcje na różnych podstronach.
Zakres prac UX/UI
- Przygotowanie makiet UX/UI strony internetowej.
- Zaprojektowanie strony głównej oraz kluczowych podstron serwisu.
- Opracowanie Key Visuala i kierunku wizualnego strony.
- Zaprojektowanie prezentacji oferty Grapeace.
- Przygotowanie dedykowanej prezentacji usług i infrastruktury GP Fruit.
- Zaprojektowanie sekcji dotyczących procesu współpracy, firmy, zespołu oraz kontaktu.
- Opracowanie wizualnej prezentacji najważniejszych danych i skali działalności.
- Zaprojektowanie mapy pokazującej międzynarodowe pochodzenie obsługiwanych produktów.
- Przygotowanie projektu w Figmie z uwzględnieniem komponentów i założeń Tailwind CSS.
- Zaplanowanie modułowej struktury pod późniejsze wdrożenie w WordPressie.
Kluczowe założenia
- Kierunek wizualny został oparty na świeżej, nowoczesnej estetyce branży fruit & fresh produce, dopasowanej do brandingu Grapeace i GP Fruit.
- Dużą rolę w projekcie odgrywają autentyczne zdjęcia firmy, produktów, magazynu i pracowników.
- Liczby pokazujące skalę działalności mają stanowić jeden z elementów budujących wiarygodność.
- GP Fruit zostało wyraźnie przedstawione jako zaplecze magazynowe i operacyjne, uzupełniające kompetencje Grapeace.
- Strona wykorzystuje powtarzalne moduły, które mogą być ponownie stosowane na różnych podstronach.
- Projekt miał łączyć biznesowy charakter B2B z bardziej dynamiczną i atrakcyjną wizualnie komunikacją.
Efekty prac UX/UI
- Powstał spójny projekt strony prezentujący Grapeace i GP Fruit jako uzupełniające się elementy kompleksowej obsługi logistycznej.
- Uporządkowano szeroki zakres usług i przedstawiono go w łatwiejszej do zrozumienia strukturze.
- Wyeksponowano skalę działalności, doświadczenie, infrastrukturę, certyfikację oraz międzynarodowy charakter współpracy.
- Autentyczne materiały fotograficzne pozwoliły mocniej osadzić komunikację w rzeczywistej działalności firmy.
- Modułowa konstrukcja projektu ułatwia wdrożenie w WordPressie oraz ponowne wykorzystywanie komponentów.
- Projekt przygotowano z myślą zarówno o budowaniu wiarygodności marki, jak i pozyskiwaniu nowych partnerów biznesowych.
Współpraca przy projekcie
Projekt został zrealizowany we współpracy dwóch partnerów, odpowiadających za poszczególne obszary realizacji:
- UX-MAN – UX/UI Design: architektura informacji, makiety UX, Key Visual oraz kompleksowy projekt interfejsu strony.
- AI Online – development i SEO: wdrożenie strony oraz działania związane z jej optymalizacją i widocznością w wyszukiwarkach.
Podsumowanie
Projekt Grapeace / GP Fruit pokazuje, jak poprzez UX/UI można połączyć dwie powiązane marki i szeroki zakres usług w jeden czytelny serwis B2B. Projekt porządkuje komunikację dotyczącą transportu, logistyki, magazynowania i obsługi produktów świeżych, jednocześnie wykorzystując zdjęcia, liczby, procesy oraz infrastrukturę do budowania wiarygodności.
Efektem jest nowoczesna, modułowa strona, która prezentuje Grapeace i GP Fruit jako kompleksowego partnera dla producentów i eksporterów owoców oraz warzyw działających na rynku polskim i międzynarodowym.
Interaktywny prototyp
Powiększ ekran i przejdź przez interaktywny prototyp (przeklikaj i przescrolluj). Dostępna jest także wersja na inne rozdzielczości.
