Disseny web Responsive
Tenir presència en tots els dispositius és molt important per arribar al nostre públic objectiu i assegurar l’èxit d’un projecte.
Un gran percentatge d’usuaris es connecta cada dia des de diferents dispositius (smartphones, tablets, portàtils, PCs, llibres electrònics...) i cada un d’aquests dispositius té les seves característiques i limitacions de visualització.
Qué és el disseny web responsive?
El disseny web responsive és una tècnica de disseny web que permet una correcta visualització d’un lloc web en diferents dispositius (ordinadors, tablets, smartphones...).
Mitjançant diferents tècniques, redimensionem i col·loquem els elements perque s’adaptin a cada dispositiu, assegurant una òptima visualització i una bona experiència d’usuari.
En què em pot ajudar tenir una web responsive?
Més visites des de mòbils
Ajuda al posicionament web o SEO
Augment de les taxes de conversió
Millora l'experiència de l'usuari
Administració unificada
Reforça la vostra marca
Quina és la vostra metodologia?
Consultoria i planificació
Us ajudem a definir els objectius del lloc web, a qui va dirigit i quina finalitat té i a planificar l’estructura i els continguts que es mostraran.
Disseny
Creem l’aspecte visual del lloc web, composició de pàgines tipus i comportament dels diferents elements d’interacció per tal que el lloc web tingui un disseny que sigui atractiu, clar i permeti un accés ràpid a la informació.
Programació
Desenvolupem el lloc web utilitzant les diferents eines (templates flexibles, imatges ajustables, javascript per identificar mides de pantalla, CSS media queries per establir estil segons dispositius...).
Testeig i Publicació
Comprovem que el disseny responsiu funciona correctament així com tots els elements de navegació. Un cop veiem que tot és correcte, publiquem el lloc web.
Ens podeu ensenyar algun exemple?
Tu Ecobox: Botiga de productes ecològics
Tu Ecobox és una botiga online de productes ecològics de qualitat i per a persones amb intoleràncies alimentàries. A l'Avellana Digital vam realitzar el disseny del seu logotip i imatge corporativa, disseny responsive, programació i desenvolupament del comerç electrònic així com en la creació i suport inicial amb els diferents perfils socials.
Stockmagasin: Botiga de primeres marques
Stock Magasin és una botiga de productes d'oferta de primeres marques. A l'Avellana Digital vam implementar una plataforma d'e-commerce que permet gestionar la data de vigència, quantitat de productes disponibles, apadrinaments, codis descompte, etc. El lloc web és responsiu a les diferents ressolucions de pantalla i inclou eïnes d'e-mail màrqueting.
Carintec Madera: Subministrament de materials de fusta
Carintec és una empresa subministradora de materials de fusta que treballa per diferents institucions públiques i privades. Al 2014, davant les exigències del mercat, decideix potenciar la seva imatge de marca a través d'una pàgina web corporativa. A l'Avellana Digital, vam definir els seus objectius i estratègia i vam determinar les línies que marcarien la seva imatge a Internet, d'acord amb els seus valors i filosofia d'empresa. El resultat va ser una web corporativa amb gestor de continguts, per tal que poguessin actualitzar el contingut i projectes ells mateixos i amb un disseny responsive, adaptat a la mida de la pantalla dels diferents dispositius.
Coco Aqua: Botiga online B2B
Coco Aqua és una empresa dedicada al disseny, producció, comercialització i distribució de roba infantil de marques pròpies. A més de botigues físiques, CocoAqua necessitava dinamitzar la seva venda a través d'Internet. Per això, a l'Avellana Digital vam dissenyar i desenvolupar un comerç electrònic B2B dirigit a botigues i retail, per tal de simplificar i facilitar el procés de venda. També vam sincronitzar el comerç electrònic amb l'organització interna a través de un ERP (un sistema de planificació de recursos empresarials) per tal de millorar la seva gestió, estructura i comunicació interna. Ara, Coco Aqua pot gestionar les seves compres, magatzem i comptabilitat de manera més eficient.
Botiga online COSELVA: Cooperativa agrícola
La Cooperativa Agrícola de la Selva del Camp, Coselva, és un referent en el camp del Cooperativisme agrari. Davant la necessitat d'aptar-se als nous temps, Coselva deicideix consolidar la seva presència a Internet i potenciar la seva venda a través d'un comerç electrònic. A l'Avellana Digital ens vam encarregar del seu disseny, maquetació i pujada dels continguts. Actualment Coselva gaudeix d'un comerç electrònic responsiu (que s'adapta a les diferents mides de pantalla), amb un accés privat pels socis i amb un gestor de continguts que li permet pujar fàcilment les seves notícies.
Covides: Cooperativa vinícola del Penedès
Covides és la 1a Cooperativa vinícola de primer grau a Catalunya en termes de volum i disposa d'un ampli ventall de vins i caves amb Denominació d'Origen. Tot i això, Covides disposava d'una web que havia quedat antiquada, tant estéticament com funcionalment i, per tant, no donava suficients resultats. A l'Avellana Digital vam anar per feina i vam implementar un disseny més fresc i visual, responsiu als dispositius mòbils, usable i orientat als resultats. D'aquesta manera, la Cooperativa Covides ha pogut millorar la seva imatge de marca i disposa d'un lloc web corporatiu amb gestor de continguts per poder actualitzar els seus productes i textos sempre que ho necessitin.
Insavi: Fabricació de gàbies avícoles
Insavi és una empresa que dissenya i construeix gàvies avícoles amb abast internacional, així com sistemes complementaris de gallinansa. Al 2014, Insavi veu la necessitat de renovar la seva pàgina web corporativa per adaptar-se a les noves tendències i fer-la responsive, així com més usable i intuitiva. A l'Avellana Digital ens vam ocupar de la creació de la seva web corporativa amb gestor de continguts, des del nou disseny responsive fins a la fotografia i vídeos corporatius de l'empresa. El resultat ha estat una web molt més actual, amb una imatge que correspon amb els seus valors i filosofia i enfocada als seus resultats d'empresa.
Silicium Laboratoris Espanya
Silicium és una empresa dedicada a la producció, desenvolupament i investigació de complements dietètics i estètica natural amb abast internacional. Davant la necessitat d'expandir-se i obrir-se a nous mercats, a l'Avellana Digital vam realitzar un comerç electrònic enfocat en els EUA, amb disseny responsiu, millorant l'experiència d'usuari i posicionat orgànicament a usuaris d'Estats Units. Vam realitzar un estudi SEO i vam optimitzar el comerç electrònic per als motors de cerca, especialment orientat als EUA. També destaquem la integració d'un mòdul de logística i transport d'EUA amb l'objectiu de facilitar-ne la seva gestió i millorar l'eficiència.
Transportes F. Ramos
Transportes F.Ramos és una empresa de logística i transport de líquids alimentatis amb abast internacional. Amb l'objectiu de millorar la seva imatge a Internet i posicionar-se com una empresa líder en el sector, Transportes F.Ramos decideix renovar la seva web amb un disseny més actual i professional. A l'Avellana Digital vam realitzar un pla de marketing amb les bases de la seva estratègia online i vam implementar un disseny responsive orientat als resultats, maquetació, programació, suport en la creació de continguts, fotografia i pujada dels continguts en diferents idiomes. En paral·lel al projecte, vam realitzar les optimitzacions SEO on page necessàries, tant en factors tècnics com en el contingut de la web (SEO friendly).
Campus Vidimiri: Campaments d'estiu de bàsquet
Vidimiri Basket Camp és un campus de Basket per a nens de 8 a 18 anys organitzat per Sergi Vidal i Albert Miralles, jugadors ACB del FIATC Joventut. Amb l'objectiu de donar-se a conèixer a un públic més ampli i oferir una experiència d'usuari òptima, a l'Avellana Digital vam realitzar un disseny responsive de comerç electrònic, amb un sistema d'informes de jugadors i rols amb accessos diferenciats. Finalment, vam desenvolupar diverses campanyes Adwords, orientades tant a usuaris nacionals com internacionals i un seguiment de resultats de la campanya. El Campus Vidimiri va omplir les places dels seus dos torns d'estiu amb èxit.
Sembra: Kits de cultiu urbà
Sembra és una iniciativa de Semillas Fitó, empresa referent en llavors agrícoles i hortícoles, amb l'objectiu d'apropar els horts urbans a la ciutadania a través dels seus kits de cultiu "a casa". A l'Avellana Digital vam realitzar un Pla de Marketing, que va assentar les bases del projecte i va donar forma a la seva estratègia online; posteriorment ens vam ocupar del disseny i desenvolupament del comerç electrònic, adaptat als dispositius mòbils (responsive). Per impulsar el projecte, també vam realitzar una campanya de CPC Adwords, orientat al coneixement de la marca (awareness) i conversions. Finalment vam analitzar els resultats del comerç electrònic i campanya Adwords per comprovar l'efectivitat i experiència d'usuari.
SFREUS: Serveis Funeraris de Reus
La web corporativa de la Funerària de Reus necessitava un redisseny que millorés l'usabilitat i experiència d'usuari, especialment dels dispositius mòbils. Per això, a l'Avellana Digital vam anar per feina i vam realitzar un disseny responsiu amb gestor de continguts. A més, per agilitzar la seva gestió, vam implementar un sistema de planificació de recursos (ERP) sincronitzat amb l'organització interna i vam establir una automatització de processos per tal d'agilitzar la feina. Ara, la web corporativa dels Serveis Funeraris es mostra molt més visual i intuitiva per l'usuari, alhora de ser més eficient internament.
Ajuntament de Reus: Institució pública
La web de l'Ajuntament de Reus ofereix informació sobre la ciutat i l'Ajuntament, la seva agenda, serveis, tràmits, cultura, activitats... Avellana Digital ha estat una peça important pel que fa a la consultoria tecnològica i ens hem ocupat del seu disseny i desenvolupament amb Drupal. La web de l'Ajuntament de Reus permet una navegació fàcil i intuïtiva, es centra en una bona experiència d'usuari mòbil i permet realitzar diferents tràmits online a través de la seva seu electrònica. A més del suport tècnic i manteniment, a l'Avellana Digital també realitzem informes d'analítica web amb optimitzacions mensuals per la millora de l'usabilitat i el SEO.
Taxis Reus: Servei de taxi
L'organització de taxis de Reus també va confiar el desenvolupament de la seva pàgina web a Avellana Digital. El lloc proporciona un servei de reserves de taxis online, la localització de totes les parades a la ciutat de Reus i tot tipus d'informació rellevant per l'usuri. Taxisreus.com és una pàgina totalment orientada a l'acció. A l'Avellana Digital ens vam encarregar del seu desenvolupament amb Drupal, integració de mòduls i disseny responsiu, és a dir, adaptat a la mida de la pantalla de dispositius mòbils.
La Ruta del Cister: Marca turística del territori de l'Alt Camp
http://www.larutadelcister.info
La Ruta del Cister és una zona formada pels tres monestirs cistercencs de Catalunya: Santes Creus (Alt Camp), Poblet (Conca de Barberà) i Vallbona de les Monges (a l'Urgell). A Avellana Digital ens vam ocupar del disseny i desenvolupament del seu lloc web amb Drupal, on es presenten tots els seus atractius turístics i culturals.
Torrons la Boqueria: Botiga online
Torrons Boqueria és una botiga del Mercat La Boqueria de Barcelona especialitzada en la venda de fruits secs, torrons i espècies. A Avellana Digital vam dissenyar i desenvolupar el seu comerç electrònic amb PrestaShop per tal d'arribar a més clients potencials i mantenir un punt de venda obert les 24 hores dels 365 dies de l'any. A més, el disseny de l'e-commerce permet una navegació responsiva (adaptada al les diferents mides de pantalla). D'aquesta manera, els usuaris de dispositius mòbils hi poden navegar de manera usable i intuïtiva i poden realitzar les seves compres online de manera senzilla.
CF Reus Deportiu: Equip de fubol
http://www.cfreusdeportiu.com/
Realitzem el redisseny del web del Club de Futbol Reus Deportiu, d'acord amb un disseny més visual, adaptat a dispositius mòbils i millorant l'experiència d'usuari. El web està integrat amb diferents mòduls, per la presentació de jugadors, de la classificació i dels propers partits i resultats. També realitzem la importació de notícies de l'antiga web, així com la integració amb l'API de Google Maps.
CIA Passabarret: Companyia de circ
Realitzem el disseny web, la il·lustració i la imatge corporativa de CIA Passabarret, un grup d'artistes molt carismàtic de Valls, Tarragona. CIA Passabarret ofereix espectacles de tot tipus: malabars, clown, tallers, animació infantil i per adults, musicals... A Avellana Digital, a més, ens vam encarregar del diseny web a mida, disseny responsiu i programació multidioma així com la creació del seu dossier "El Circ va a l'Escola".
Aimin Export, la xarxa social de l'exportació
Aimin Export és la xarxa social que posa en contacte a empreses exportadores i professionals de l'exportació. A l'Avellana Digital vam desenvolupar la plataforma d'exportació amb funcionalitats rebre consultes i pressupostos, comparació de serveis, seguiment d'usuaris, comentaris i valoracions, entre altres. També ens vam encarregar del disseny i desenvolupament del seu web corporatiu amb una eina per la gestió de continguts al blog.
Quercus Technologies: Solucions avançades en aparcaments
http://quercus-technologies.com
Quercus Technologies proporciona solucions per millorar la mobilitat i seguretat als aparcaments a través de sistemes de lectura de matrícules, detecció de vehicles, sensors spot control i video vigilancia amb una tecnologia avançada. L'equip d'Avellana Digital ha realitzar el disseny i desenvolupament del seu web corporatiu amb l'objectiu d'oferir una experiència d'usuari òptima. A Avellana Digital també hem desenvolupat el seu portal intern per a partners.
SYL Jewels: Arquitectura i disseny de joies
SYL Jewels és un nou concepte que combina arquitectura i disseny de joies. La botiga online ofereix arracades, collars, anells i polseres transformables, és a dir, podem personalitzar una mateixa joia i posar-la en diferents posicions.
A Avellana Digital hem creat el disseny web pensant en una bona experiència d'usuari en tots els dispositius; creació de continguts segons estudi de paraules clau i SEO; integració amb eines d'email màrqueting; programació de diferents mòduls i eina de gestió de continguts (CMS) per poder crear i gestionar fàcilment els articles del blog.
CMIyO: Centre mèdic
Disseny web i desenvolupament del portal corporatiu del centre mèdic CMIyO. Amb l'objectiu l'obtenir una major presència a Internet, el Dr. J.J. Sánchez Cano i la Dra A. Fallada Pouget disposen d'una eina CMS per pujar continguts fàcilment al web i mostrar més informació a l'usuari sobre les seves especialitats. El disseny web s'adapta a la mida de tots els dispositius i incorpora un formulari per contactar amb CMIyO.
Ajuntament de Granollers
Desenvolupament amb Drupal del nou disseny del portal de l'Ajuntament de Granollers. El web s'adapta a la mida de tots els dispositius i incorpora un mòdul per gestionar la posició d'elements dins la web i proporcionar una major flexibilitat i capacitat de personalització.
Disseny web de la Clínica Dental Guiu
Disseny web i desenvolupament de la Clínica Dental Guiu. S'ha aplicat un disseny adaptat a tots els dispositius, integració amb les xarxes socials i mòdul SEO per facilitar les accions de posicionament web. També hem dut a terme la creació de continguts a totes les pàgines previ estudi de paraules clau i inserció de vídeos explicatius per tal d'aclarir qualsevol dubte que tingui l'usuari al mateix temps que proporcionar un lloc web ràpid i usable.
Disseny web - Clínica Dental Dr. Gisbert
http://www.clinicadentaldrgisbert.cat
El Dr. Gisbert és un dels odontòlegs de més renom a Reus. Després d'una extensa formació i experiència a l'Hospital d'Oxford, va obrir la seva clínica dental a Reus. Ara, confia en Avellana Digital per donar a conèixer la seva clínica a la xarxa. En destaquem el disseny web i desenvolupament amb Drupal així com la creació de continguts segons estudi de paraules clau.
Botiga online GOMA2.net
Goma2.net és una botiga online especialitzada en la reparació de peus de gat, així com la venda d'articles d'escalada i esports out door. La nostra relació amb Goma2 ja fa molts anys que va començar amb la seva primera botiga online. Ara, hi tornem a treballar per actualitzar el seu web, adaptar-lo a les noves tendències i millorar la seva presència online.
Després d'un petit estudi inicial, hem redissenyat el seu web per oferir una millor experiència d'usuari i optimitzar les pàgines per als motors de cerca. La botiga online està disponible en múltiples idiomes i utilitza la plataforma Prestashop, la qual ofereix grans avantatges i facilitats per botigues com la seva.
Disseny web - Augescens Padel
Augescens Pàdel està format per un grup de joves emprenedors de la província de Tarragona apassionats pel pàdel i el disseny. Després d'un temps de donar-li voltes, van contactar amb nosaltres per fer realitat el seu somni: llançar la seva pròpia marca d'articles de pàdel. Aviat ens vam posar mans a l'obra i vam crear la pàgina corporativa i botiga d'Augescens Pàdel, on disposen de roba, pales, bosses, toballoles i altres accessoris de pàdel. Augescens es basa en una filosofia de superació personal, ja que impulsa el creixement i a trencar els teus límits. De fet, la marca esponsoritza a alguns joves jugadors destacats, formant el seu propi equip Augescens.
Redisseny Reus Digital
Redisseny del web reusdigital.cat per tal de millorar l'experiència d'usuari a mides de pantalla més petites. El disseny responsiu reorganitza els elements del web per tal de garantir una bona usabilitat des d'smartphones i tauletes. El web utilitza la tecnologia Drupal.
D'altra banda, s'ha possibilitat una estructura de la portada flexible, podent gestionar les columnes de la home i distribuir el contingut lliurement. A través de la interfície del backoffice, el creador de continguts pot decidir crear la portada en files d'una, dues, tres o quatre columnes, segons les necessitats de publicació. També és possible triar-ne el mode de visualització , segons la posició del títol respecte la imatge.
Desenvolupament web Ahorraclima
Ahorraclima és una botiga online Prestashop de climatització referent a nivell nacional. La nostra feina a Ahorraclima es basa en l'actualització del Prestashop a la darrera versió així com un canvi de plantilla, més adequat a la nevageció de telèfons mòbils. D'aquesta manera la botiga online ofereix una bona experiència de venta en qualsevol dispositiu.