16
Case study landing page: ArrowAkademia.pl Klient Cele Zespół Projektowanie Funkcje UI, UX, AI Podsumowanie Zaufali nam Referencje 1

Landing page - Arrow Akademia - case study

  • Upload
    krakweb

  • View
    22

  • Download
    3

Embed Size (px)

Citation preview

Page 1: Landing page - Arrow Akademia - case study

Case studylanding page: ArrowAkademia.pl

✔ Klient ✔ Cele ✔ Zespół ✔ Projektowanie ✔ Funkcje ✔ UI, UX, AI ✔ Podsumowanie

✔ Zaufali nam ✔ Referencje

1

Page 2: Landing page - Arrow Akademia - case study

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

Page 3: Landing page - Arrow Akademia - case study

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

Page 4: Landing page - Arrow Akademia - case study

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

Page 5: Landing page - Arrow Akademia - case study

Projekt graficzny strony głównej

5

Page 6: Landing page - Arrow Akademia - case study

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

Page 7: Landing page - Arrow Akademia - case study

CMS: instalacja modułów

Menu główne

Aktualności(nowe spotkania)

Boksy dodatkowe, tekstowo-graficzne

Widgety social media

Formularz kontaktowy

7

Page 8: Landing page - Arrow Akademia - case study

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

Page 9: Landing page - Arrow Akademia - case study

Wybrane elementy serwisu

Formularz kontaktowy

Katalog wydarzeń

Integracja z social media9

Page 10: Landing page - Arrow Akademia - case study

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

Page 11: Landing page - Arrow Akademia - case study

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

Page 12: Landing page - Arrow Akademia - case study

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

Page 13: Landing page - Arrow Akademia - case study

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

Page 14: Landing page - Arrow Akademia - case study

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

Page 15: Landing page - Arrow Akademia - case study

Zaufali nam

15