User Experience Design
Què és el disseny User Experience?
L'experiència d'usuari es basa en la satisfacció que té una persona quan navega per un lloc web determinat. Si la seva experiència ha estat positiva i ha satisfet les seves necessitats i expectatives, aquest tornarà. Però si ha estat negativa, a més de no tornar, ho dirà als seus amics i Google ho sabrà.
Per tant, el disseny web User Experience (UX) es centra en les necessitats, objectius i característiques de l’usuari per assegurar-nos que l'experiència d’ús sigui òptima. Cal conèixer com és l’usuari que visitarà el lloc web i per què el visita per resoldre les seves necessitats i el lloc web s'ajusti a les seves expectatives. També cal tenir en compte aspectes com la usabilitat, disseny de la interacció i accessibilitat.
Per fer-ho possible cal implicar a l’usuari en tot el procès, sent una part important en el desenvolupament, posant a prova els dissenys mitjançant test d’usuaris per detectar millores a realitzar.
Em faig una idea, però, per què invertir en experiència d'usuari?
Fidelització de l'usuari
Els usuaris valoren positivament l'accés simple i intuïtiu a les dades/productes, i per tant, aconseguim que la seva experiència al nostre lloc web compleixi les seves necessitats i repeteixin.
Augment de les vendes
Invertir en l'experiència d'usuari (UX) ajuda a eliminar qualsevol possible confusió o molèstia en el procés de navegació que pugui evitar que l'usuari completi una compra.
Interessant... I com ho feu?
Planificació
Identifiquem el públic objectiu i les seves expectatives i definim l’arquitectura de la informació, funcionament i navegació del lloc web.
Disseny UX
Creem l’aspecte visual del lloc web, componem les diferents pàgines, el seu aspecte 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ó.
Test
Posem a prova el disseny, utilitzant test d’usuaris per assegurar que l’experiència d’usuari sigui òptima i ajustar aquells detalls necessàris per aconseguir-ho.
Desenvolupament
Desenvolupem un procés d’implementació amb participació i col·laboració del client. Realitzant avaluacions en diferents punts per assegurar la qualitat del lloc web.
Testeig i Publicació
L'objectiu és poder detectar errors i/o incidències, i poder així, redissenyar, optimitzar i adaptar-los. O bé, tot el contrari, comprovar la bona adequació del disseny i la funcionalitat.
Manteniment
Els continguts d'un lloc web, la seva audiència, les seves necessitats i objectius poden canviar en el temps i per tant requereix accions de millora.
Ens podeu ensenyar algun exemple?
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.
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.
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.
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.
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 - Invall
Desenvolupament web amb Drupal de invall.com, web corporatiu multidioma orientat a mostrar els seus serveis i treballs realitzats a la resta del món. Invall S.A és una empresa d'enginyeria nascuda a Reus amb delegacions a Europa, Àfrica i Àsia. A partir del disseny i desenvolupament del seu web, Invall facilita el contacte, potencia la seva activitat i millora la seva imatge corporativa a Internet.
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.
Disseny web de Ten Solutions
Disseny i desenvolupament del web corporatiu tensolutions.es mitjançant plataforma Drupal.