Case study z projektu "Obywatel z Energią" przeprowadzonego przez Krakweb.pl dla IEO - Instytutu Energetyki Odnawialnej.

1. Case study
Obywatel z Energią
✔ Klient ✔ Cele ✔ Zespół ✔ Projektowanie
✔ Funkcje ✔ UI, UX, AI ✔ Podsumowanie
✔ Zaufali nam ✔ Referencje
serwis internetowy, aplikacja,
identyfikacja wizualna
1

2. 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

3. 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

4. Zespół projektowy
DAMIAN
Customer Account
Manager
__________________________
odpowiedzialny
za zarządzenie projektem
(terminy, budżet,
dokumentacja)
JUSTYNA
Creative director,
web designer
__________________________
odpowiedzialna
za warstwę graficzną
(projekt logo, projekt strony
głównej, projekt interfejsu
aplikacji)
KONRAD
Programista
(front-end developer)
__________________________
odpowiedzialny
za wdrożenie projektów
graficznych na stronę
GRZESIEK
Programista
(back-end developer)
__________________________
odpowiedzialny
za programowanie
aplikacji
4

5. Projekt logo
5

6. Projekt graficzny strony głównej
6

7. 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

8. 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

9. 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

10. 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

11. 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.
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

12. 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

13. 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

14. 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

15. 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

16. Zaufali nam
16

17. Damian Świerk
✉ damian@krakweb.pl
☎ (+48) 530 555 521
☏ (12) 429-30-13
Agencja Interaktywna Krakweb.pl
www.krakweb.pl
www.marketing.krakweb.pl
ul. Rzemieślnicza 20/124B Kraków
Zapraszamy do współpracy
17