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

Projekt logo

5

Projekt graficzny strony głównej

6

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

Zaufali nam

16

Damian Świerk

✉ damian@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

17