Reference / Smart City / Vývoj

PinCity: nechejte promluvit své město

Vyvinuli jsme digitální produkt pro participaci občanů ve městech. PinCity vzniklo od nápadu po hotový produkt, od produktového návrhu přes UX po kompletní vývoj a průběžný rozvoj. Řešení dvakrát získalo ocenění WebTop100 v kategorii Státní a neziskový sektor.

PinCity (AQE)2019Vývoj digitálního produktu
[screenshot: hlavní stránka PinCity s interaktivní mapou města a pinami občanů]
2x

ocenění WebTop100

10 měsíců

produkční vývoj

SaaS

model nasazení

Aplikace, která pomáhádělat z měst lepší místa

PinCity představuje startupový projekt dlouhodobého klienta Cognito, společnosti AQE. Spolupráce trvala přes dva roky, během nichž jsme společně vyvíjeli weby a informační systémy pro řízení rozpočtů a strategií měst.

Cílem bylo navrhnout interaktivní, vizuálně poutavý nástroj, který městům a krajům umožní prezentovat rozvojové vize a strategie a zároveň aktivně zapojit občany do procesu. Práce na konceptu projektu začaly na jaře 2019 a postupně se přetavily od prvních nápadů po detailní specifikace.

[screenshot: interaktivní mapa s rozvojovými projekty města]
[screenshot: MapBox mapa s interaktivními piny a detailem projektu]

Od statických obrázkůk interaktivním mapám

Vývoj se postupně posunul směrem k modelu SaaS (Software as a Service), který umožňuje rychlé nasazování a správu klientských instancí. Zásadním zpřesněním byl přechod od statických obrázků k interaktivním mapám využívajícím technologii MapBox.

Výsledná webová aplikace umožňuje městům a krajům prezentovat rozvojové vize a strategie interaktivně, zapojit občany do strategického rozhodování, představit plánované projekty a budoucí urbanistický rozvoj a prezentovat koncepce regionálního rozvoje napříč sektory (vzdělávání, sociální služby, inovace).

Komplexní systéms náročným UX

Rozsah projektu a kombinace technologií představovaly značné UX i vývojové výzvy. Samotná specifikace překročila deset stran strukturních detailů bez funkčních popisů.

Úvodní prototypování zabralo přes dva měsíce práce na UX. Architektura tří dílčích subsystémů, každý s vlastní strukturou, typy uživatelů a přístupovými právy, vyžadovala agilní přístup k vývoji. První verze byla spuštěna za čtyři měsíce, celý produkční vývoj trval deset měsíců.

[screenshot: administrace PinCity s přehledem subsystémů a uživatelských rolí]
[screenshot: konkrétní město s vizí rozvoje a zapojením občanů]

Standardizované řešenímísto milionových pokusů

Dříve si obce podobné nástroje vyvíjely samostatně, často bez úspěšného výsledku a za investice v řádech milionů korun. PinCity nabízí standardizované, průběžně aktualizované a profesionálně spravované řešení s minimálními pořizovacími a provozními náklady.

PinCity prokázalo silnou komerční trakci. AQE získala desítky municipálních klientů. V plánu jsou nové funkce, rozšíření a vícejazyčné verze.

Co o naší práci řekl klient

[screenshot: PinCity dashboard s přehledem zapojených měst a aktivních pinů]
PinCity
„Cognito na projektu PinCity spolupracovalo od samého počátku a pomohlo nám proměnit nápad v reálný digitální produkt. Podílelo se na produktovém designu, návrhu UX a uživatelského rozhraní, a především celý systém vyvinulo a dále rozvíjí. Lidé v Cognito svému řemeslu rozumí, ctí jeho pravidla a jsou v jejich prosazování přiměřeně důslední. Cognito není typický dodavatel, naši spolupráci lépe vystihuje slovo PARTNERSTVÍ."
foto

Jan Havránek

CEO, PinCity

Jak jsme postupovali

Od nápadu po hotový produkt, od produktového návrhu přes UX po kompletní vývoj a průběžný rozvoj.

Chci konzultaci
1

Koncept a specifikace

Společná práce na proměně nápadu v detailní specifikaci digitálního produktu pro participaci občanů.

2

UX a prototypování

Dva měsíce intenzivní UX práce na prototypech tří dílčích subsystémů s odlišnými strukturami a uživatelskými rolemi.

3

Agilní vývoj

První verze spuštěna za čtyři měsíce, kompletní produkční vývoj dokončen za deset měsíců agilním přístupem.

4

SaaS model a škálování

Přechod na SaaS model umožňující rychlé nasazování nových klientských instancí a správu desítek municipálních klientů.

5

Průběžný rozvoj

Kontinuální rozvoj platformy, nové funkce, rozšíření a příprava vícejazyčných verzí.

PHP
PHP
Symfony
Symfony
React
React
PostgreSQL
PostgreSQL
Docker
Docker
Elasticsearch
Elasticsearch

Použité technologie

PinCity je postaveno na PHP a frameworku Symfony s PostgreSQL databází. Frontend využívá React, mapové podklady zajišťuje MapBox. Řešení je kontejnerizované v Dockeru s Elasticsearch pro vyhledávání.