Calier és una de les empreses del grupoindukern.com, juntament amb la coneguda kernpharma.com. Calier és un laboratori veterinari present en més de 80 països a través de les seves 12 filials.
Tenen plantes de producció a Espanya, Colòmbia, el Marroc i l’Uruguai a l’avantguarda en la fabricació de productes farmacològics i biològics.
Quan van demanar fer la web a Omitsis tenien uns objectius molt clars en ment:
Infraestructura per filial
Tenir una web per a Calier internacional (calier.com) i poder-la replicar de forma fàcil per a les seves filials, que penjarien per defecte com una carpeta des de Calier internacional. Per exemple: calier.com/italia.
A més, que en qualsevol moment es pogués moure una filial a un domini independent. Per exemple: calier.it
Migrar des de Liferay a Drupal
La seva web estava a Liferay i els donava molts problemes. Errors 500 de forma aleatòria o altres vegades només de manera parcial i no carregaven bé les imatges o css.
A més els costos de llicència eren molt elevats, sobretot comparats amb Drupal, que són 0.
Objectius secundaris
A més, també volien poder tenir un blog, millorar el SEO, millorar i harmonitzar la línia gràfica de Calier internacional i les filials.
Per aconseguir aquests objectius vam fer aquests passos principalment
Creació de pàgines usant components
Per obtenir una gran flexibilitat vam crear gran part de les pàgines usant components (paragraphs) i el mòdul layout paragraphs. Seguint el disseny vam definir un paragraph per a cada component, cadascun amb diferents variacions, cadascuna amb un view mode diferent.
Això permet una gran flexibilitat i potència, per crear el disseny inicial i per afegir noves seccions sense haver de programar ni dissenyar res de nou, tan sols usant els components definits. Sempre es poden crear nous components, però normalment no és necessari i fa que l’evolució de la web tingui un cost molt baix.
Això per a grans i mitjanes empreses és ideal, perquè la seva web sol evolucionar i créixer molt amb el temps. I tenir un cost baix de creixement fa que el cost total de la web disminueixi considerablement.
Migració des de Liferay a Drupal
Com hem comentat abans, la web anterior estava a Liferay. Això tenia diversos problemes:
- Costos de llicències, que amb Drupal baixen a 0 (llicència GPL)
- Anterior web Liferay amb molts problemes
- Ús de diferents stacks i CMS’s a l’empresa. Al Grup Indukern ja havia passat kernpharma.com i grupoindukern.com a Drupal, per la qual cosa tenia sentit continuar unificant stacks (Liferay funciona amb Java i Drupal amb php) i CMS.
Per fer la migració, el seu anterior proveïdor ens va passar un CSV
Uikit
Com a framework vam escollir Uikit (Tema Ukit a Drupal) ja que permet una gran flexibilitat i unes grans funcionalitats de sèrie.
Pàgina modular
Per crear les pàgines modulares vam usar paragraphs i layout paragraphs. Això ens permet crear diferents tipus de components que després estan disponibles per al webmaster. En l’ordre que vulgui, cadascun amb els seus camps: títol, subtítol, enllaç, etc.
I usant layout paragraphs podent inserir components dins de components. Per exemple un layout de dues columnes que dins de la primera columna té un call to action i a la segona una imatge.
Cada component (paragraphs) té uns atributs css per defecte: marges, paddings, color de fons, imatge de fons, amplada, etc. I el webmaster quan crea els paragraphs pot sobreescriure aquests valors per defecte amb camps del paragraphs assignant-los classes, que són les que realment canvien els atributs css.
Això ho fem mitjançant el mòdul classy paragraphs que permet crear un camp que permetrà activar classes que després s’apliquen directament sobre el paragraph.
Blog
Des de Calier tenien molt clar que volien una secció per aconseguir trànsit, usant tot l’expertise del seu equip, així que vam crear també un blog, amb un llistat dels articles i un detall de cada article.
Sala de premsa
Igualment, per a articles més centrats en Calier, vam crear una secció de sala de premsa, amb funcionalitats semblants al blog.
Vademècum de productes
Una secció molt important per a la web era poder mostrar el vademècum de productes de Calier. Per a aquesta tasca vam crear un tipus de contingut producte i unes vistes amb filtres.
Destacar que els productes podien tenir prospectes en format pdf, i que a la voleia afegíem una marca d’aigua. Per aconseguir això vam usar la llibreria FPDI i FPDI PDF-Parser.
Pàgines només per a professionals – modal
Per temes legals per a productes de farmàcia s’ha de preguntar abans a l’usuari si és un usuari professional i si no ho és no deixar-li veure el contingut.
Per a això mostrem una modal que et pregunta si ets professional: apretant si s’oculta la modal, apretant no va a la pàgina anterior al lloc si n’hi va haver o a la pàgina principal.
Vademècum amb àlies espècie/línia. Acció per crear aquests àlies
Perquè les vistes del vademècum tinguessin url amigables i en combinar diversos termes de taxonomies, vam crear una acció per crear un àlies per a cada parella de terme espècie i terme línia terapèutica.
Calier app per a veterinaris
Podria ser un cas d’estudi totalment independent, a causa de l’amplada de característiques i funcionalitats que té aquesta secció. Però ho resumirem comentant que és una intranet per a veterinaris, una eina per fer el seguiment de la vacunació dels veterinaris clients de Calier.
L’eina és un test, amb preguntes de si/no i d’imatge, principalment i amb un estil adaptat al mòbil, que sembla una app.
Un cop els veterinaris han contestat es genera un informe que el seu supervisor acaba d’omplir amb comentaris i se li envia de tornada al veterinari, perquè pugui millorar com usa les vacunes.
