Case Study MniamMniam.pl. Wdrożenie szablonu RWD dla portalu i sklepu internetowego

Wielkość: px

Rozpocząć pokaz od strony:

Download "Case Study MniamMniam.pl. Wdrożenie szablonu RWD dla portalu i sklepu internetowego"

Agnieszka Mazur
7 lat temu
Przeglądów:

1 Case Study MniamMniam.pl Wdrożenie szablonu RWD dla portalu i sklepu internetowego

2 INDEKS O projekcie Zadanie 04 Wyzwania 05 Responsive Web Design 06 Projekt graficzny 07 Sklep internetowy w ramach portalu 08 Dedykowane oprogramowanie Efekt końcowy 10 Rekomendacja 11 Team projektowy i narzędzia 12 Zróbmy Razem COŚ Spektakularnego 13

3 03 O projekcie MniamMniam.pl to jednen z najpopularniejszych niezależnych serwisów kulinarnych, działający O PROJEKCIE w internecie od 14 lat. W ramach współpracy mieliśmy przyjemność stworzyć oraz wdrożyć, odpowiadającą współczesnym trendom, nową szatę graficzną opartą na Responsive Web Designie.

04 Zadanie Naszym zadaniem było dostosowanie istniejącej struktury informacji do potrzeb RWD, przy jednoczesnym odświeżeniu ZADANIE wizerunku serwisu. Czytelnikami MniamMniam.

4 04 Zadanie Naszym zadaniem było dostosowanie istniejącej struktury informacji do potrzeb RWD, przy jednoczesnym odświeżeniu ZADANIE wizerunku serwisu. Czytelnikami MniamMniam.pl są głównie kobiety (około 84% wszystkich odwiedzin), a nowa szata graficzna miała uwzględniać te statystki. Realizując projekt nie mogliśmy zapomnieć, że MniamMniam.pl to także sklep internetowy, działający w strukturze portalu. Naszym zadaniem było stworzenie nowego designu w taki sposób, aby sprawdził się zarówno dla serwisu kulinarnego, jak i sklepu.

5 05 Wyzwania WYZWANIA

06 Responsive Web Design Jednym z najważniejszych wymagań klienta było stworzenie serwisu w taki sposób, aby dostosowywał się do rozdzielczości każdego rodzaju ekranu: desktop, tablet, urządzenia

6 06 Responsive Web Design Jednym z najważniejszych wymagań klienta było stworzenie serwisu w taki sposób, aby dostosowywał się do rozdzielczości każdego rodzaju ekranu: desktop, tablet, urządzenia mobilne. WYZWANIA W tym celu wykorzystaliśmy technologię RWD (Responsive Web Design), która pozwala uzyskać zamierzony efekt, jednocześnie zachowując na wszystkich urządzeniach tą samą architekturę informacji.

07 Projekt graficzny Główne założenia, którymi kierowaliśmy się podczas tworzenia layoutu to przyjazny interfejs oparty na jasnych, ciepłych i WYZWANIA pastelowych kolorach.

7 07 Projekt graficzny Główne założenia, którymi kierowaliśmy się podczas tworzenia layoutu to przyjazny interfejs oparty na jasnych, ciepłych i WYZWANIA pastelowych kolorach. Dużą rolę w nowych widokach odgrywają zdjęcia potraw oraz ikonografika dostosowana do kulinarnego charakteru serwisu. MniamMniam.pl to także silna społeczność skupiona wokół portalu. Zadbaliśmy, aby miało to odzwierciedlenie także na stronie, poprzez ikony social mediów czy dedykowaną sekcję Przepisy użytkowników.

8 08 Sklep internetowy w ramach portalu W ramach serwisu kulinarnego MniamMniam.pl działa WYZWANIA sklep internetowy. Naszym zadaniem było ujednolicenie elementów graficznych w taki sposób, aby wchodząc na sklep, użytkownik miał odczucie, iż porusza się w ramach jednego, spójnego serwisu. Odnośnik do sklepu MniamMniam jest widoczny zarówno z poziomu głównego menu - jako osobna zakładka, jak i pojedynczych elementów (np. dedykowanych produktów) widocznych bezpośrednio pod przepisami.

09 Dedykowane oprogramowanie W ramach wdrożenia nowego layoutu, dostosowaliśmy architekturę informacji do wymogów klienta. Poprawiona została struktura bazy danych, przez co wzrosła wydajność serwisu.

9 09 Dedykowane oprogramowanie W ramach wdrożenia nowego layoutu, dostosowaliśmy architekturę informacji do wymogów klienta. Poprawiona została struktura bazy danych, przez co wzrosła wydajność serwisu. Dodatkowo, stworzyliśmy system do wysyłania mailingu oraz newslettera. To na co należy zwrócić szczególną uwagę, to fakt że serwis działa na oprogramowaniu, WYZWANIA które jest rozwijane i poddawane procesowi refaktoringu od kilkunastu lat. Nigdy nie miało miejsca przejście na nowsze oprogramowanie.

10 Efekt końcowy Po kilku miesiącach intensywnej współpracy z MniamMniam.pl, serwis internetowy uzyskał odmieniony wygląd, dostosowany do najnowszych trendów oraz wymagań głównej grupy docelowej.

10 10 Efekt końcowy Po kilku miesiącach intensywnej współpracy z MniamMniam.pl, serwis internetowy uzyskał odmieniony wygląd, dostosowany do najnowszych trendów oraz wymagań głównej grupy docelowej. Pełna responsywność EFEKT KOŃCOWY zapewnia komfort przeglądania serwisu na dowolnym ekranie, a dostosowanie sklepu pod względem wizualnym powoduje, że jest on integralną częścią całego portalu. Naszą pracę doceniono na gali konkursu e-commerce Polska Awards 2015, gdzie MniamMniam.pl uzyskał wyróżnienia w kategorii Design roku. Zobacz projekt online

11 Rekomendacja REKOMENDACJA Są sprawni, szybcy, dokładni. Ale to, co najważniejsze - świetnie rozumieją potrzeby zleceniodawcy - słuchają z pełnym zrozumienia, a nie tylko słyszą.

11 11 Rekomendacja REKOMENDACJA Są sprawni, szybcy, dokładni. Ale to, co najważniejsze - świetnie rozumieją potrzeby zleceniodawcy - słuchają z pełnym zrozumienia, a nie tylko słyszą. Są otwarci na nowe rozwiązanie, często podpowiadają optymalne rozwiązania. Są dyspozycyjni. Błyskawicznie reagują w krytycznych sytuacjach (które jednak rzadko się zdarzają, bo jakość ich pracy jest wysoka). Dbają o szczegóły. Mają własne zdanie, ale jak trzeba, zdanie Klienta jest najważniejsze. Cechuje ich wysoki poziom kultury. Mają poczucie humoru. Programują MniamMniam.pl i AleDobre.pl. To już samo wystarczy za rekomendację. Lubię ich i polecam, bo są po prostu świetnymi fachowcami w swojej dziedzinie. Grzegorz Ostrowski Właściciel MniamMniam.pl

12 12 Team projektowy: TEAM PROJEKTOWY I NARZĘDZIA Narzędzia:

13 Zróbmy Razem COŚ Spektakularnego 13 Zatrudnij nas Poznaj naszą kulturę pracy ZRÓBMY RAZEM COŚ SPEKTAKULARNEGO

Podobne dokumenty

Case Study Bieganie.pl. Największy portal dla biegaczy w Polsce

Case Study Bieganie.pl. Największy portal dla biegaczy w Polsce Case Study Bieganie.pl Największy portal dla biegaczy w Polsce INDEKS O projekcie 03 01 02 03 04 05 06 07 08 09 Bieganie.pl i jego serwisy satelitarne 04 Modernizacja szablonu zgodnie z techniką Responsive