Escriu-nos

Aplicació web a mida

Xarxes BePro

Cercador d'estudis de formació professional, amb filtres per etiquetes i vista en llista i en mapa.

Client
Consorci d'Educació de Barcelona
Sector
Públic / Educació
Tecnologia
Laravel · Svelte

Galeria

  • Portada amb la campanya «Sigues Be_Pro» i l'anunci de places vacants del curs
  • Bloc de la portada amb targetes morades que porten a cada cercador
  • Cercador d'estudis amb 331 resultats i etiquetes de sector i nivell per filtrar
  • Cercador de centres en un telèfon, amb camp de cerca, botó per veure el mapa i el primer resultat
  • Mapa de Barcelona amb els centres d'FP marcats en morat (públics) i taronja (privats) i un panell de filtres per sector
  • Fitxa d'un institut en un panell lateral sobre el mapa atenuat, amb adreça, email, telèfon i estudis que imparteix
  • Llista desplegable de sectors en un telèfon, amb etiquetes com Robòtica, Vídeo o Soldadura
  • Pàgina del sector Salut i atenció a les persones, amb menú de sectors, foto i llistes de subsectors
  • Menú a pantalla completa amb quatre columnes per a l'explorador, els sectors, els estudis i els centres

El projecte

Punt de partida

L'oferta de formació professional de Barcelona estava repartida entre webs i documents diferents, i cada centre l'explicava a la seva manera. Per trobar una opció concreta calia entendre abans com s'organitzen els estudis, els sectors i els centres.

El Consorci volia que un estudiant, o la seva família, pogués arribar a un estudi des del que li agrada, des d'un sector o des del seu barri, sense conèixer per endavant com s'organitza l'FP.

Què vam fer

Vam dissenyar la interfície i vam desenvolupar un catàleg únic amb tres entrades que comparteixen filtres i resultats. Es pot explorar per etiquetes d'interès, cercar per sector i nivell o recórrer un mapa de centres amb la fitxa de cadascun.

Els resultats es veuen en llista o en mapa, i des d'allà es consulta cada estudi o centre sense perdre la cerca. L'equip del Consorci actualitza estudis, centres i campanyes des del seu propi panell.

Decisions tècniques

Laravel s'encarrega del catàleg, les dades i el panell de gestió, i Svelte dels cercadors i les interaccions del front-end. Així el filtratge i el recompte responen al moment, sense recarregar la pàgina.

Vam descartar una SPA completa. El contingut se serveix des del servidor i Svelte es concentra en les parts interactives, així que la web carrega ràpid al mòbil i Google pot indexar tot el contingut.

Contacte

Explica'ns el teu projecte

Et respondrà directament la persona que portarà el teu projecte.