Sklep internetowy magwords.pl

Projekt obejmował stworzenie nowego layoutu graficznego sklepu internetowego magwords.pl oraz zakodowanie go do najnowszej wówczas wersji CMS Drupal 7. Oczywiście całość miała zostać wykonana z pełną obsługą strony na urządzeniach mobilnych w technologii Responsive Web Design (RWD).

Punktem wyjścia była dotychczasowa strona Klienta zawierająca sklep, blog i liczne podstrony. Została wykonana dobrych kilka lat temu i pracowała w oparciu o CMS Drupal 6. Oto ona:

Początkowo wraz z Klientem rozważaliśmy jedynie dorobienie do niej wersji mobilnej, aby spełnić wymagania Google w tym zakresie i poprawić dostępność sklepu wśród użytkowników smartfonów i tabletów. Na tym etapie pojawiło się jednak mnóstwo problemów wynikających głównie z przestarzałego designu oraz ograniczeń Drupala w wersji 6.

Tworzenie na tej bazie wersji mobilnej wymagałoby poświęcenia mnóstwa czasu na łatanie dziur, robienie obejść w kodzie i stosowanie półśrodków. Ponieważ takie postępowanie nie jest zbyt przyszłościowe zdecydowaliśmy się na pełny redesign strony, który miał obejmować:

• zaprojektowanie całkowicie nowego layoutu witryny w oparciu o najnowsze trendy w webdesignie
• stworzenie w jego ramach wersji mobilnej
• zakodowanie strony oraz sklepu internetowego na najnowszej wersji CMS Drupal 7
• przeniesienie produktów i bazy klientów ze starej wersji sklepu do nowej.

Sklep internetowy. Nowoczesny design i funkcjonalności

Projektując layout graficzny nowej strony inspirowałem się popularnymi w światowym webdesignie trendami material design i flat design. Również właściciel magwords.pl podrzucał mnóstwo swoich pomysłów i sugestii. Wiele z nich zostało wykorzystanych i jest obecne w obecnym wyglądzie witryny.

Jednym z takich przykładów mogą być kafelki na stronie głównej przedstawiające kategorie sklepu internetowego. Powstały one na wyraźne życzenie Klienta, któremu takie rozwiązanie obecne na innych stronach bardzo się podobało.

Na stronie głównej zastosowałem strukturę blokową, którą można w dowolny sposób rozbudowywać w przyszłości. Wśród bloków znalazły się wszystkie najważniejsze dla podkreślenia wiarygodności i profesjonalizmu sklepu internetowego magwords.pl treści, m.in.:

• opinie klientów
• informacje o bezpieczeństwie transakcji
• prezentacje produktów

Nie brakuje praktycznych informacji o warunkach dostawy czy obsługiwanych płatnościach. Jest pełne odzwierciedlenie struktury kategorii sklepu.

Struktura strony magwords.pl

Tutaj postawiłem na sprawdzone wzorce: wyraźne oddzielenie sklepu internetowego, blogu i innych podstron zachowując przy tym właściwe linkowanie pomiędzy tymi częściami witryny.

Sklep internetowy na Drupalu 7

Wybór CMS’a należał do Klienta. Nie było mowy o jego zmianie więc postawiliśmy na najnowszą wówczas wersję systemu Drupal 7 oraz Ubercart obsługujący sklep internetowy. Mimo, że wybór rozwiązań do sklepów działających na Drupalu wciąż nie jest w Polsce oszałamiający udało się spełnić wszystkie potrzeby Klienta, zwłaszcza te dotyczące obsługi płatności i transakcji.

FAQ

W nowej wersji sklepu internetowego magwords.pl zdecydowaliśmy się zamieścić sekcję z najczęściej zadawanymi pytaniami i odpowiedziami, tzw. FAQ. Wiadomo, że spora część internautów bardzo chętnie zagląda do takich działów i przegląda pytania i odpowiedzi. Można zakładać, że porządnie przygotowane FAQ ma spory udział w zwiększaniu konwersji w sklepach internetowych.

Strona z opiniami klientów

Podobnym celom ma służyć również strona z opiniami. Zawiera nie tylko opinie ze sklepu internetowego magwords.pl ale i z innych platform, m.in. Allegro, na których działa Klient.

Blog firmowy

Natomiast blog jest powszechnie uznawany za jedno z najlepszych i najbardziej efektywnych narzędzi do budowania swojej marki, opisywania produktów lub usług i skutecznego przekonywania do siebie potencjalnych klientów. Trudno było więc pominąć stworzenie go w ramach nowej strony.

Optymalizacja sklepu internetowego. Im szybciej, tym lepiej!

Po uruchomieniu nowej wersji strony rozpoczęliśmy prace związane z optymalizacją witryny pod kątem prędkości wczytywania. Wiadomo, że szybkość wczytywania strony ma gigantyczne znaczenie przynajmniej z dwóch powodów:

1. Szybko i sprawnie działające witryny internetowe sprawiają, że internautom lepiej się z nich korzysta. Dotyczy to zwłaszcza urządzeń mobilnych gdzie często zbyt wolny przesył danych powoduje dodatkowe problemy.
2. Drugim powodem jest to, że wyszukiwarka Google bierze pod uwagę prędkość ładowania się witryn. Te działające szybciej premiuje wyższymi pozycjami w wynikach wyszukiwania. Wolniejsze mogą liczyć na obniżenie rankingu.

Wykonaliśmy szereg prac, które w ogromnym stopniu poprawiły szybkość działania magwords.pl, m.in.:

• zoptymalizowaliśmy wielkość obrazków
• wprowadziliśmy poprawki w kodzie strony
• usunęliśmy część niepotrzebnego kodu witryny
• uruchomiliśmy technologie, które poprawiają pracę strony na serwerze

Witryna jest obecnie znacznie lżejsza niż była oraz wczytuje się jeszcze szybciej. Tutaj znajdziesz więcej informacji na temat przeprowadzenia takiej optymalizacji i przyspieszenia strony internetowej.