landing page - arrow akademia - case study
TRANSCRIPT
Case studylanding page: ArrowAkademia.pl
✔ Klient ✔ Cele ✔ Zespół ✔ Projektowanie ✔ Funkcje ✔ UI, UX, AI ✔ Podsumowanie
✔ Zaufali nam ✔ Referencje
1
Klient
Arrow ECS Polska
● data założenia: 1999 rok
● 33 miejsce w zestawieniu 500 największych firm IT w Polsce (Raport Teleinfo 500 z 2014)
● podmiot zależny firmy Arrow ECS GmbH - wchodziw skład ogólnoświatowego holdingu Arrow Group (łącznie 17 tys. pracowników)
● dystrybutor produktów informatycznych
● oferuje rozwiązania i usługi klasy korporacyjnejz zakresu przechowywania danych, bezpieczeństwa sieci, infrastruktury programowej
● współpracuje m.in. z Oracle, EMC, NetApp, VMware, Citrix, McAfee, Symantec, SAS Institute
2
Cele projektu
Stworzenie landing page’a prezentującego ofertę szkoleń z cyklu “Arrow Akademia” w sposób:
● nowoczesny
● responsywny
● przejrzysty
● spójny graficznie
● funkcjonalny
● zoptymalizowany dla SEO/SEM
3
Zespół projektowy
MACIEK CEO
UX / marketing __________________________
odpowiedzialnyza zarządzenie projektem
JUSTYNACreative director,
web designer __________________________
odpowiedzialnaza warstwę wizualną
KONRADProgramista
(front-end developer) __________________________
odpowiedzialnyza wdrożenie serwisu
internetowego (front-end)
GRZESIEKProgramista
(back-end developer) __________________________
odpowiedzialnyza programowanie aplikacji (back-end)
4
Projekt graficzny strony głównej
5
CMS: instalacja systemu ICEBERG CMS
● autorski system do zarządzania treścią strony
● łatwa edycja dowolnegoelementu strony
● interfejs przystosowany do korzystania na urządzeniach mobilnych
● Indywidualne dostosowanie widoku strony startowejpanelu CMS
● najważniejsze statystyki z Google Analytics
● nowe moduły: artykuły, slajder, galeria, rejestracja, newsletter i inne
● rozbudowane możliwości wspomagania SEO i SEM
6
CMS: instalacja modułów
Menu główne
Aktualności(nowe spotkania)
Boksy dodatkowe, tekstowo-graficzne
Widgety social media
Formularz kontaktowy
7
Wdrożenie projektu graficznego
Technologie:● CSS 3● jQuery● HTML 5● PHP
Kluczowe uprawnienia administratora:
● zarządzanie czasem publikacji
● rozbudowane zarządzanie strukturą i nawigacją po serwisie
8
Wybrane elementy serwisu
Formularz kontaktowy
Katalog wydarzeń
Integracja z social media9
Integracja z LinkedInStrona została zintegrowana z profilem Arrow ECS na LinkedIn, co oznacza, że na stronie wyświetla się zawsze aktualny licznik obserwujących profil.
10
User Experience
W kosztorysie wzięliśmy pod uwagę czas potrzebny na optymalizację użyteczności (UI) i user experience (UX), aby jak najbardziej ułatwić korzystanie z serwisu.
● Strona w pełni responsywna● Intuicyjna nawigacja● Oferta szkoleniowa zaprezentowana
w przejrzysty sposób● Strona atrakcyjna wizualnie i spójna
z podstronami● Funkcjonalne menu / nawigacja
11
Architektura informacji
Naszym zadaniem było zapewnienie takich narzędzi, które umożliwią łatwe wyszukiwanie szkoleń z serii Arrow Akademia.
Strona jest zintegrowana z landing page events.arrowecs.pl:
ArrowAkademia.pl w przejrzysty sposób prezentuje ofertę szkoleniową.
12
Przebieg prac
1. Dostarczenie materiałów2. Projekt graficzny3. Wybór projektu i uwagi do grafiki4. Poprawki do grafiki 5. Dostarczenie danych do serwera6. Instalacja CMS - wersja testowa7. Wdrożenie grafiki8. Uwagi do wdrożonej grafiki9. Dostarczenie tekstów
10. Uwagi do modułów11. Szkolenie12. Końcowe uwagi13. Utrzymanie na serwerze Krakweb.pl14. Gwarancja
13
Podsumowanie● 20 dni realizacji
● terminowo - otrzymanie
terminu określonego
w umowie
● ICEBERG CMS - autorski system
CMS od Krakweb
● 1 indywidualny projekt
graficzny
● 30 roboczogodzin pracy
● 2h czasu reakcji na zgłoszenie
techniczne
● 12 miesięcy gwarancji14
Zaufali nam
15
Maciej Chmielowski✉ [email protected] ☎ (+48) 530 555 521☏ (12) 429-30-13
Agencja Interaktywna Krakweb.plwww.krakweb.pl
www.marketing.krakweb.pl
ul. Rzemieślnicza 20/124B Kraków
Zapraszamy do współpracy
Porozmawiajmy o Twoim projekcie!16