Case study
Obywatel z Energią✔ Klient ✔ Cele ✔ Zespół ✔ Projektowanie ✔ Funkcje ✔ UI, UX, AI ✔ Podsumowanie
✔ Zaufali nam ✔ Referencje
serwis internetowy, aplikacja,identyfikacja wizualna
1
Klient
Instytut Energetyki Odnawialnej (IEO) jest pierwszym prywatnym instytutem naukowym w Polsce, który łączy prace badawczo-rozwojowe z wdrożeniami i działalnością konsultingową dla biznesu w sektorach:
● energia wiatrowa, ● energia słoneczna, ● biogaz, ● biomasa, ● planowanie energetyczne.
W ramach swoich prac IEO zrealizował szereg ekspertyz na zlecenie Ministerstwa Gospodarki, Ministerstwa Środowiska, Ministerstwa Rozwoju Regionalnego i innych instytucji rządowych oraz projekty komercyjne dla klientów biznesowych.
2
Założeniem projektu było stworzenie na stronie internetowej ankiety w formie aplikacji, której funkcje umożliwiają prywatnym inwestorom i gminom szybką i wygodną analizę użyteczności 6 różnych mikroinstalacji odnawialnych źródeł energii oraz wskazują najbardziej optymalna w danym przypadku.
Chociaż z zewnątrz wygląda całkiem niepozornie, złożony algorytm aplikacji zawiera w sobie kilkadziesiąt czynników (!).
Użytkownik mógłby skorzystać z ankiety w postaci “szybkiego doboru” (wyniki generowane automatycznie) i/lub udzielić bardziej precyzyjnych informacji w przypadku “szczegółowego doboru instalacji” (wyniki analizowane przez specjalistę).
Cele projektu
3
Zespół projektowy
DAMIAN Customer Account
Manager __________________________
odpowiedzialnyza zarządzenie projektem
(terminy, budżet, dokumentacja)
JUSTYNACreative director,
web designer __________________________
odpowiedzialnaza warstwę graficzną
(projekt logo, projekt strony głównej, projekt interfejsu
aplikacji)
KONRADProgramista
(front-end developer) __________________________
odpowiedzialnyza wdrożenie projektów
graficznych na stronę
GRZESIEKProgramista
(back-end developer) __________________________
odpowiedzialnyza programowanie
aplikacji
4
CMS: instalacja systemu ICEBERG CMS
● Autorski system do zarządzania treścią strony
● interfejs przystosowany do korzystania na urządzeniach mobilnych
● Indywidualne dostosowanie widoku strony startowej panelu CMS
● Najważniejsze statystyki z Google Analytics
● Nowe moduły: artykuły, slajder, galeria, rejestracja, newsletter i inne
● Rozbudowane możliwości wspomagania SEO
7
CMS: instalacja modułów podstawowych
Menu główne
Aktualności
Artykuły (blog)
Slider
Galeria zdjeć
Zapisy na szkolenia
Wyszukiwarka
Mapa Google
Boksy dodatkowe, tekstowo-graficzne
Newsletter
Formularz kontaktowy
Widgety social media
8
CMS: programowanie modułów specjalistycznych
Symulatory doboru mikroinstalacji OZE:
Technologie● PHP 5, HTML, JavaScript (+jQuery), MySQL
Kluczowe uprawnienia administratora: ● przeglądanie ankiet podstawowych
i szczegółowych● edycja ustawień cen i statusów płatności
Kluczowe uprawnienia użytkownika:● edycja danych osobowych● zakup dostępu do ankiet (PayU)● edycja wprowadzonych
danych do ankiety● pobranie wyników ankiety
do PDF
9
Wybrane moduły (funkcje)
Rejestracja(profil użytkowka z opcją edycji
i zakupu dostępu do ankiet (PayU)
Zapisy na szkolenia (3 pakiety; płatność PayU)
Mapa instalatorów (Google maps; karta instalatora, mapa Polski z wyborem miast)
Blog(komentarze, tagi, autor, social media)
10
User ExperienceW 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.
Zmodyfikowaliśmy m.in. podstronę wyników ankiety, która w pierwotnej wersji nie dawała wystarczająco przejrzystych danych.
★ ikonki dla rodzajów instalacji OZE ★ ikonki z ogólną oceną opłacalności
inwestycji★ łatwe porównanie parametrów
mikroinstalacji★ informacje dodatkowe po kliknięciu★ pasek postępu ★ pobieranie wyników
11
Nawigacja / architektura informacji
Strona, oprócz dwóch dedykowanych aplikacji (ankiet) doboru OZE, zawiera wiele pogrupowanych informacji, m.in. o dofinansowaniu, rodzajów mikroinstalacji czy zasadach doboru.
Stąd naszym zadaniem było zapewnienie takich narzędzi, które umożliwią sprawne poruszanie się pomiędzy poszczególnymi działami.
12
Podsumowanie: przebieg prac
★ Projekt logo (kilkanaście wersji wstępnych, prace korekcyjne nad wybranym projektem - 2 tury)
★ Przedstawienie indywidualnego, wstępnego projektu graficznego (wprowadzenie uwag - 2 tury)
★ Instalacja CMS + instalacja modułów podstawowych
★ Wdrożenie projektu graficznego na stronę★ Programowanie specjalistycznych funkcji
(ankiety; równolegle do poprzednich prac)★ Testy aplikacji★ Rozwój serwisu (nowe funkcje: mapa
instalatorów, blog, zapisy na szkolenia)
13
Podsumowanie
● Czas realizacji: 90 dni ● Dotrzymanie terminu określonego
w umowie: TAK● System CMS: TAK (ICEBERG CMS -
autorski system Krakweb.pl)● Liczba indywidualnych projektów
graficznych: 1 ● Liczba roboczogodzin: ok. 420● Pozostałe:
○ hosting, ○ konfiguracja domeny,○ wsparcie techniczne (czas
reakcji do 2h od zgłoszenia) ○ gwarancja 12 miesięcy
14
Zarządzanie projektem
Prowadzimy projekty w: Asana.com <3
Asana.com pozwala na:
● komunikację w zespole projektowym,● podział projektu na zadania, ● przypisanie zadań członkom zespołu +
ustalenie terminów realizacji● monitorowanie postępów realizacji
projektu
Asana.com pomaga w przygotowaniu, realizacji i wdrożeniu projektu. Ułatwia jego kompleksową obsługę.
15
Damian Świerk
✉ [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
17