Web corporativa per a grans empreses: desenvolupament professional i a mida

Web corporativa per a grans empreses: més enllà d’una pàgina web convencional

Una web corporativa pot ser una cosa relativament senzilla: unes pàgines de serveis, informació sobre l’empresa, un formulari de contacte i un blog. Per a aquest tipus de projectes existeixen nombroses eines que permeten aconseguir bons resultats sense desenvolupar una arquitectura especialment complexa.

Però les necessitats canvien quan parlem de grans empreses, organitzacions amb múltiples línies de negoci, catàlegs extensos o equips de màrqueting que publiquen contingut contínuament.

En aquests casos, el projecte deixa de consistir únicament a dissenyar unes quantes pàgines. Una pàgina web corporativa s’ha de plantejar com una plataforma capaç de créixer, mantenir una estructura coherent, integrar-se amb altres eines de l’empresa i permetre que diferents equips gestionin continguts amb autonomia.

A Gilsys desenvolupem aquest tipus de projectes combinant disseny web corporatiu, programació a mida i tecnologies modernes com Astro, a més de gestors de continguts i integracions amb APIs quan el projecte ho requereix.

Pàgines web per a empreses amb necessitats avançades

No totes les pàgines web per a empreses necessiten un desenvolupament a mida.

WordPress, per exemple, continua sent una solució perfectament vàlida per a molts projectes corporatius. Permet posar en marxa una web de manera relativament ràpida i disposa d’un ecosistema molt ampli de plugins i eines.

Tanmateix, a mesura que augmenten els requisits poden aparèixer necessitats difícils de resoldre mitjançant una estructura convencional:

• Diverses àrees de negoci dins d’una mateixa web.
• Equips de màrqueting i redacció que publiquen contingut freqüentment.
• Catàlegs amb milers de productes o referències.
• Informació procedent d’ERP, CRM, PIM o altres eines.
• Necessitat de generar pàgines automàticament a partir de dades.
• Múltiples idiomes o mercats.
• Requisits elevats de rendiment i escalabilitat.
• Components i funcionalitats completament personalitzats.

En aquests projectes és important definir primer com haurà de funcionar la web a mitjà i llarg termini, en lloc de pensar únicament en com dissenyar les pàgines inicials.

Un disseny web corporatiu basat en components reutilitzables

En lloc de dissenyar individualment cada pàgina que tindrà la web, podem crear una biblioteca de blocs i estructures reutilitzables que després utilitza l’equip encarregat dels continguts.

Per exemple, una web corporativa pot disposar de components per a:

• Capçaleres de diferents tipus.
• Textos amb imatge.
• Llistats de característiques.
• Targetes de serveis.
• Logotips de clients o col·laboradors.
• Estadístiques i xifres destacades.
• Testimonis.
• Preguntes freqüents.
• Formularis.
• Galeries.
• Blocs específics dissenyats per al projecte.

Aquests components es poden utilitzar i combinar per construir pàgines diferents sense haver de començar cada vegada des de zero.

L’objectiu és aconseguir un equilibri entre flexibilitat i coherència visual.

L’equip de màrqueting disposa de llibertat per crear noves pàgines, mentre que aspectes com tipografies, espaiats, mides, estils, comportament responsive o identitat visual continuen estant controlats pel sistema de disseny.

D’aquesta manera, crear contingut nou no implica haver de tornar a dissenyar cada pàgina.

Una web corporativa que màrqueting pugui gestionar

En projectes corporatius grans, el gestor de continguts és una part especialment important de l’arquitectura.

El departament de màrqueting no hauria de necessitar modificar codi ni dependre contínuament d’un programador per publicar una nova pàgina.

Per aquesta raó podem integrar la web amb un CMS professional com Sanity.

Sanity funciona com a gestor de continguts desacoblat del frontend de la web. Això permet definir exactament quina informació podrà editar l’equip i com estarà estructurada.

Per exemple, un editor podria crear una nova pàgina seleccionant:

• Una capçalera.
• Un bloc introductori.
• Una quadrícula de serveis.
• Una secció amb imatge.
• Diverses preguntes freqüents.
• Una crida a l’acció.

El sistema s’encarrega de representar aquests continguts respectant automàticament el disseny corporatiu.

A més, podem desenvolupar blocs específics per a cada empresa quan els components estàndard no són suficients.

No es tracta únicament d’instal·lar un CMS, sinó de definir una eina editorial adaptada a la manera de treballar de l’organització.

Quan convé buscar una alternativa a WordPress?

Buscar una alternativa a WordPress no significa que WordPress sigui una mala tecnologia.

La decisió hauria de dependre de les característiques del projecte.

Per a una web corporativa relativament convencional, WordPress pot oferir una relació entre cost, facilitat d’ús i funcionalitats difícil de superar.

Però quan la web comença a convertir-se en una peça important de la infraestructura digital de l’empresa pot tenir sentit separar les seves diferents responsabilitats.

Una possible arquitectura seria:

Astro per a la web pública + Sanity per als continguts + APIs per connectar les eines corporatives.

Cada tecnologia compleix aleshores una funció concreta.

Astro s’encarrega de generar la interfície que utilitzen els visitants.

Sanity proporciona a l’equip una eina per gestionar els continguts.

Les APIs permeten obtenir o enviar informació des d’altres sistemes.

Aquesta separació ofereix molta més llibertat a l’hora d’evolucionar el projecte i evita haver de concentrar totes les funcionalitats dins d’una única plataforma.

Integració de la web amb CRM, ERP i eines corporatives

Una web corporativa moderna no ha de funcionar necessàriament com una plataforma completament aïllada.

Moltes empreses ja disposen de sistemes que contenen informació que també s’ha de mostrar públicament a la seva pàgina web.

Pot tractar-se de:

• ERP.
• CRM.
• Gestors de productes.
• Bases de dades.
• Plataformes comercials.
• Software desenvolupat internament.
• Aplicacions de distribuïdors.
• Sistemes documentals.
• Eines de Business Intelligence.

Mitjançant APIs podem connectar aquests sistemes amb la web per evitar mantenir manualment la mateixa informació en diferents llocs.

Per exemple, si una empresa disposa d’una base de dades interna de delegacions, distribuïdors o professionals, no necessàriament té sentit tornar a introduir tota aquesta informació dins del gestor de continguts de la pàgina web.

La web pot consultar les dades corresponents i generar automàticament les pàgines necessàries.

El mateix passa amb serveis, documentació tècnica, tarifes, projectes, ofertes de feina o qualsevol altra informació que ja existeixi dins dels sistemes corporatius.

De pàgina web a portal corporatiu

En determinats projectes, la frontera entre una pàgina web i un portal corporatiu comença a desaparèixer.

La part pública pot conviure amb funcionalitats com:

• Àrees privades per a clients.
• Accés per a distribuïdors.
• Descàrrega personalitzada de documentació.
• Cercadors avançats.
• Localitzadors.
• Catàlegs interactius.
• Calculadores.
• Configuradors de producte.
• Integracions amb eines comercials.
• Contingut personalitzat segons l’usuari.

En lloc d’intentar resoldre tots aquests requisits mitjançant plugins independents, podem dissenyar una arquitectura on la web pública, els continguts i les funcionalitats a mida formin part d’un mateix projecte.

Això permet evolucionar progressivament la plataforma a mesura que apareixen noves necessitats.

Astro per desenvolupar webs corporatives

Per a determinats projectes utilitzem Astro com a tecnologia frontend.

Ens permet controlar completament el codi generat i desenvolupar únicament els components que necessita el projecte, sense dependre d’una plantilla o d’una col·lecció de plugins.

Això resulta especialment interessant per a webs corporatives amb moltes pàgines que han de mantenir una estructura visual i tècnica homogènia.

A més, es pot combinar amb gestors de contingut headless com Sanity i amb pràcticament qualsevol servei que disposi d’una API.

No obstant això, la tecnologia hauria de ser una conseqüència dels requisits i no el punt de partida del projecte.

Abans de recomanar Astro, WordPress o qualsevol altra solució analitzem aspectes com el volum de contingut, les necessitats d’edició, les integracions, les funcionalitats, el creixement previst i el pressupost disponible.

Rendiment i Core Web Vitals

Quan es desenvolupen pàgines web per a empreses amb una arquitectura moderna també podem controlar de manera molt més precisa aspectes relacionats amb el rendiment.

Les Core Web Vitals formen part de les mètriques que permeten avaluar l’experiència de càrrega i interacció d’una pàgina.

Treballar amb un frontend optimitzat permet actuar des de la mateixa arquitectura sobre aspectes com:

• Quantitat de JavaScript enviat al navegador.
• Optimització d’imatges.
• Càrrega de tipografies.
• Priorització de recursos.
• Renderització de components.
• Dependències externes.
• Codi CSS i JavaScript utilitzat realment per cada pàgina.

Tanmateix, el rendiment no s’hauria de tractar com una optimització que es realitza únicament quan la web està acabada.

En projectes on és un requisit important, ha de formar part de les decisions tècniques des de l’inici.

Tenim un apartat específic on expliquem amb més detall el nostre enfocament per al desenvolupament de pàgines web d’alt rendiment.

Escalabilitat i manteniment d’una web corporativa

Una web empresarial pot romandre operativa durant molts anys.

Per això intentem que l’arquitectura inicial permeti modificar el projecte sense haver de reconstruir-lo cada vegada que apareix una necessitat nova.

Una estructura basada en components permet ampliar progressivament la biblioteca disponible.

Si màrqueting necessita un nou tipus de secció, es desenvolupa un nou bloc i queda disponible per utilitzar-lo posteriorment en qualsevol pàgina.

Si apareix una nova font d’informació, es pot integrar mitjançant una API.

Si l’empresa incorpora un nou país, idioma o divisió, l’arquitectura de continguts pot evolucionar per tenir-ho en compte.

D’aquesta manera, la web deixa de ser un conjunt estàtic de pàgines i passa a convertir-se en una plataforma que pot evolucionar conjuntament amb l’empresa.

Com plantegem el desenvolupament d’una web corporativa?

El nostre procés comença entenent tant els requisits actuals com la manera en què s’haurà de mantenir posteriorment la web.

Normalment analitzem:

• Quins tipus de pàgines existiran.
• Qui gestionarà els continguts.
• Quins elements es repetiran.
• Quin nivell de llibertat necessitarà el departament de màrqueting.
• Quina informació procedeix d’eines externes.
• Quines integracions seran necessàries.
• Quines funcionalitats requereixen programació específica.
• Quina previsió de creixement té el projecte.

A partir d’aquesta informació podem definir una arquitectura de components, continguts i integracions.

Posteriorment es dissenyen i programen els diferents elements que utilitzaran els editors.

El resultat hauria de permetre que, un cop acabat el desenvolupament inicial, l’equip responsable pugui construir i mantenir gran part de la web sense necessitat de dissenyar ni programar cada nova pàgina, mantenint alhora una estructura coherent.

Web corporativa a mida o plataforma estàndard: depèn del projecte

No totes les empreses necessiten una web desenvolupada d’aquesta manera.

Per a projectes senzills, utilitzar una plataforma estàndard pot ser més ràpid i econòmic.

Tanmateix, quan intervenen diferents departaments, centenars de continguts, catàlegs, sistemes interns o necessitats específiques d’integració, plantejar correctament l’arquitectura des del principi pot simplificar enormement l’evolució futura.

A Gilsys podem desenvolupar des d’una web corporativa basada en WordPress fins a plataformes més avançades amb Astro, Sanity, APIs i eines de gestió de producte com Pimcore.

L’objectiu no és utilitzar més tecnologia, sinó seleccionar la necessària per aconseguir una web que es pugui mantenir, créixer i integrar correctament amb la resta de l’empresa.