Landing page - Arrow Akademia - case study

Post on 19-Feb-2017

20 views 3 download

Transcript of Landing page - Arrow Akademia - case study

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✉ mc@krakweb.pl ☎ (+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