Arxiu de octubre del 2014

  • Divendres 31 octubre 2014 per

    Com saber quina tecnologia utilitza un web?

    Com puc saber quina tecnologia utilitza un web determinat?

    Segur que a vegades t’has fet preguntes com aquestes: Com està fet aquest web? Està programat en PHP, en Ruby, en .Net…? Quin gestor de continguts utilitza: WordPress, Joomla, Drupal…? Quins plugins hi ha instal·lats? Fan servir algun framework? En quin servidor està allotjat?

    Si ets curiós/a de mena, segur que moltes vegades t’has preguntat quina tecnologia utilitza un web concret. Hi ha coses que es poden veure mirant-ne el codi font, però n’hi ha d’altres que costen molt més d’esbrinar.

    Avui et volem recomanar eines que et seran molt útils per saciar la teva curiositat i, de pas, aprendre de com ho fan els demés.

    1. BuiltWith. Segurament és el servei més complet. Introdueixes una URL i et diu amb quin gestor de continguts (o CMS) està gestionat, quins sistemes de publicitat utilitza, els widgets que té en funcionament, el tipus de servidor on està allotjat, les tecnologies amb què està desenvolupat i altres dades d’aquest tipus.

      També té un apartat molt interessant en què es poden veure les tendències de la tecnologia més utilitzada. Per exemple, si busquem quin CMS és el més utilitzat, veurem en un gràfic que el que més s’utilitza és WordPress.

      A més també ofereix una extensió per a Chrome, que et permetrà consultar la tecnologia del web que estàs visualitzant en aquell precís moment. Una eina, molt, molt interessant.

    2. Wappalyzer. És una extensió de navegador disponible tant per Chrome com per Firefox. Si us la instal·leu, podreu veure la tecnologia que utilitza cadascun dels webs que visiteu, d’una manera molt subtil i gens intrusiva. Actualment detecta un bon llistat d’aplicacions, que mica en mica van ampliant.

      És molt recomanable instal·lar-se aquesta extensió, ja que no ens hem de moure del web en qüestió per saber com està feta. Pràctic al 100%!

    3. WhatWeb. Amb una interfície molt menys agradable a la vista, WhatWeb també ens permet introduir una URL i ens dóna informació sobre les tecnologies utilitzades. Respecte als anteriors, també ens dóna informació sobre el servidor, la IP, el número de les versions instal·lades, etc.

    Com saber quins plugins o temes estan instal·lats en un WordPress?

    Per aquells que treballeu amb WordPress, moltes vegades també necessitareu saber quins plugins té instal·lat un web o quin tema (theme) utilitza.

    També hi ha eines per esbrinar-ho, us en recomanem algunes:

    • Is it WordPress?. Un web súper senzill al qual introdueixes una URL i simplement et diu si es tracta o no d’un web gestionat amb WordPress.
    • WP Theme Detector. Tal i com indica el seu nom serveix per esbrinar quin tema té instal·lat un web fet amb WordPress.
    • What WordPress Theme is that? És com l’anterior, però a més ens diu – si ho detecta – quins plugins hi ha instal·lats.

    És una immensa sort tenir totes aquestes eines a l’abast de la mà per quan les necessitem: ja sigui per espiar què fa la competència, per aprendre mirant com ho fan els qui més en saben, per agafar idees de com solucionar problemes tecnològics, etc.

    Esperem que et sigui ben útil!

    (* Fotografia de Timothy Muza, via Unsplash)

    , , ,

  • Dimarts 21 octubre 2014 per

    #Cartells9N, art i disseny pel dret a decidir

    L’art i el disseny sempre han estat al costat de les persones i, en nombrosíssimes ocasions, han esdevingut autèntiques armes de transformació social. En aquest moment polític que viu el nostre país, no podia anar d’una altra manera: art i societat, de bracet. És per això que artistes, dissenyadors i il·lustradors s’han organitzat per la creació de cartells per al 9N. I no han estat uns cartells qualsevol, el nivell ha estat altíssim!

    Tot plegat va sortir a partir d’una piulada de Conrad Roset, proposant de fer alguna cosa a favor del 9N i del dret a decidir. La proposta va tenir – i està tenint – tan bona acollida que les xarxes socials ja bullen amb cartells fets per alguns dels dissenyadors i il·lustradors més reconeguts del país.

    Aquí a Can Antaviana, el nostre dissenyador Jordi Calvís ha volgut participar-hi i ho ha fet amb una estampeta per a la unitat que ja es propaga per les xarxes a tot drap.

    Mare de Déu de la Unitat, de Jordi Calvís - Cartells9NCartell de Jordi Calvís

    Us deixem amb alguns dels cartells que han participat en aquesta iniciativa. Una mostra de que a casa nostra hi ha artistes boníssims i, a més, compromesos amb la seva societat.

    Paula Bonet - Volem tenir veu - Cartells9NCartell de Paula Bonet

    Pep Boatella - Cartells9NCartell de Pep Boatella

    Així de senzill, volem votar! - Conrad Roset - Cartells9NCartell de Conrad Roset

    Marina Capdevila - Cartells9NCartell de Marina Capdevila

    Àlex Santaló - Cartells9NCartell d’Àlex Santaló

    Si voleu veure tots els cartells o veure les novetats que s’hi publiquen, podeu:

    Tot plegat, un goig de veure! Art, reivindicació i allò que també ens caracteritza: un bon sentit de l’humor.

    , , , ,

  • Dilluns 20 octubre 2014 per

    Com optimitzar la conversió

    Com optimitzar la conversió

    En termes de màrqueting, la conversió es produeix en el moment màgic en què un usuari realitza una acció clau que ens hem marcat com a objectiu. La conversió és com el Sant Grial de l’E-commerce. Cal tenir molta cura dels petits detalls, seleccionant molt bé els usuaris als qui ens adrecem, i optimitzar constantment tot el procés que ens hi porta.

    Fa uns dies vaig assistir al Be Marketing Day, que organitzava EADA Business School per segon any consecutiu. De les més de 60 conferències que s’oferien, vaig assistir a les que s’agrupaven com a #BeOnline, específiques pel màrqueting a Internet. De totes les moltes idees que en vaig extreure, les que em van semblar més interessants van ser les relacionades amb l’optimització de la conversió. Us en deixo quatre pinzellades i un parell de presentacions.

    E-commerce: camí cap a la conversió

    Millorant cadascun dels passos que ens porten a la venda, exactament amb el mateix nombre de visites, es poden incrementar les vendes en un 58%.

    En les xerrades de Jaume Ollé i de Koke González es va parlar molt sobre la conversió i la seva optimització, per millorar els resultats a l’hora de vendre per Internet.

    Jaume Ollé va presentar unes xifres molt esperançadores per aquells qui venen per Internet, només millorant l’embut de conversió (o conversion funnel), exactament amb les mateixes visites, es pot aconseguir millorar les vendes en un 58%. Per tant, ens oblidem de portar més tràfic i ens centrem en la optimització de cadascun dels passos que hi ha fins arribar a la conversió.

    Embut de conversió

    Target: no cal que vinguin tots, només els escollits

    L’important no és aconseguir seguidors, ni RT o mencions. El que compta és que arribin al nostre web els usuaris que convertiran. Clients que ens faran guanyar diners i que, segurament, hi tornaran.

    Portar tràfic (amb SEM) cada vegada és més car i no és gens efectiu. Hem de portar tràfic dirigit i seleccionat. Tal i com explicava Koke González és vital segmentar i conèixer de primera mà quins són els nostres usuaris, per entendre’n el seu comportament.

    L’important és que l’usuari estigui dirigit i arribi a acomplir l’objectiu. Normalment quan parlem de convertir pensem en aconseguir una compra, però també podria ser subscriure’s a un newsletter o descarregar un e-book, per exemple. Així que cal optimitzar la conversió (CRO).

    Més de la meitat es perden a la cua

    Us imagineu que passaria si en un supermercat, la meitat dels compradors abandonessin la compra quan ja estiguessin fent cua per pagar?

    Koke González va explicar que la decisió de compra es produeix en 2,5 segons. Això és poquíssim!

    Per arribar a l’objectiu, l’usuari passa per diferents passos, en els quals hem d’intentar que no es perdi ni abandoni. Es diu que en el checkout s’arriben a perdre més del 50% de les visites. Us imagineu, per exemple, que en un supermercat (físic) la meitat els compradors abandonessin la compra quan ja estiguessin fent cua per pagar?

    És impensable i ningú no permetria que això seguís passant. Però en el comerç electrònic passen coses com aquestes i pitjors. En l’e-commerce l’èxit està en el detall, per això cal treballar en aquest sentit.

    Per més bé que es faci… Sempre es pot millorar!

    Algunes de les coses que es poden millorar són:

    • Aconseguir tràfic de qualitat i tenir un coneixement exhaustiu de com és el nostre visitant.
    • El mitjà: adequar-lo al públic objectiu.
    • Cura total del detall: tant del missatge com del disseny.
    • Fer crides a l’acció adequades.
    • Treballar molt les pàgines d’aterratge (o Landing Pages). Molts cops dirigim a pàgines que no són les adequades, després resulta que hem portat tràfic que no aprofitem perquè el perdem al moment. S’ha de dirigir bé aquest tràfic.
    • Optimitzar la navegació i la usabilitat del lloc web. Sobretot des de dispositius mòbils! Cal fer webs amb Responsive Web Design (o disseny web adaptatiu), perquè les experiències d’usuari des de qualsevol dispositiu siguin positives.
    • Treballar bé el procés que porta a l’usuari fins a la fitxa de producte. I també treballar cadascuna de les fitxes, el disseny, els continguts, els botons i fins i tot el color d’aquests botons. S’ha de tenir en compte que l’usuari principalment només veu la imatge principal i el primer paràgraf.
    • També són d’ajuda els breadcrumbs (o molles de pa) intel·ligents.
    • És important no mentir. Per exemple, no mentir amb la disponibilitat del producte. Cal ser el màxim de transparents.
    • En el moment d’inicialitzar el procés de compra (o checkout) no distreure amb res a l’usuari. Això és sagrat: no oferir-li res més, no posar-li menús ni links amb altres ofertes. El deixem aïllat únicament amb el que necessita per a dur a terme l’acció de compra.

    Un bucle infinit: mesurar, provar, millorar

    En la optimització de la conversió, la feina no s’acaba mai. Mesurem, fem proves, instaurem millores i tornem a començar.

    Per saber què funciona i experimentar amb nous formats, és altament recomanable l’ús de tests A/B, que ja us en parlàvem en un apunt fa temps. Amb això podem saber que canviar el color d’un botó ho pot canviar tot, o que posant-lo a la dreta en comptes de l’esquerra, variarà el nombre de conversions. Tota una ciència relacionada amb el neuromàrqueting.

    També és important que fem estudis d’analítica, que ens fixem en la taxa de rebot, que treballem amb mapes de calor (heatmaps) i amb estudis d’eyetracking, per decidir quins canvis o proves volem fer.

    En comerç electrònic portar tràfic no aporta beneficis, ens cal la conversió a la venda, per això és tan important optimitzar tot el procés que ens porta fins l’objectiu, cuidar cada detall i mesurar. Mesurar i després provar. I, segons els resultats obtinguts, aplicar les millores corresponents. I tornar a mesurar, tornar a provar. I així infinitament. La feina d’optimització no s’acaba mai.

    Les presentacions

    Les presentacions sobre embut de conversió i optimització de la taxa de conversió les podeu veure en els següents enllaços:

    A més, David Soler, organitzador i coordinador del #BeOnline, ha preparat un magnífic apunt amb el resum de cadascuna de les conferències, amb el link a les presentacions corresponents.

    Un recull de material del bo per seguir aprenent.

    , , ,

  • Dimecres 15 octubre 2014 per

    Cartell de la Supercopa de Catalunya

    Cartell Supercopa de Catalunya dissenyat a Can AntavianaHa estat un honor per a nosaltres que la Federació Catalana de Futbol ens encarregués el disseny del cartell de la primera edició de la Supercopa de Catalunya, que es va presentar ahir a la tarda al Palau de la Generalitat. L’acte va ser presidit pel president de la Generalitat de Catalunya, Artur Mas, i va comptar amb l’assistència de d’Andreu Subies, de Josep Maria Bartomeu i de Joan Collet.

    El cartell, en què hi apareixen els dos escuts dels equips que disputaran la Supercopa, ha sortit del nostre obrador, de la mà del dissenyador Jordi Calvís. El seu disseny també s’ha utilitzat per posar com a fons del web de la Federació Catalana de Futbol, per la venda d’entrades i pel dossier informatiu de l’esdeveniment.

    Esbós del cartell de la Supercopa de CatalunyaEsbós del disseny del cartell

    Fotografia de la presentació de la Supercopa de CatalunyaFotografia de la presentació de la Supercopa de Catalunya (Federació Catalana de Futbol)

    Aquest trofeu vol dignificar el futbol català, en un partit que es disputarà el proper dia 29 d’octubre a Montilivi (Girona) i que enfrontarà els primers equips del Barça i de l’Espanyol.

    Tot indica que, per les festes de sant Narcís, Girona acollirà una súper festa de l’esport català. No hi falteu!

    , , ,

  • Divendres 3 octubre 2014 per

    Tipo Pèpel presenta “Naste”

    Nova tipografia Naste, de Tipo Pèpel

    Una nova tipografia acaba de sortir del forn de Tipo Pèpel, la nostra foneria tipogràfica. L’hem batejada com a Naste i pretén ser una tipografia tot terreny, apte tant per a paper com per als dispositius de pantalla.

    Si us agrada, ara és el moment d’adquirir-la, ja que durant el primer mes la trobareu amb un suculent descompte del 70%.

    Si voleu conèixer amb més profunditat aquesta tipografia, llegiu la descripció que en fa el nostre sommelier tipogràfic particular, en Txus Marcano:

    Tipo Pèpel ataca de nou amb un exuberant joc de formes i mesures, formes geomètriques pures i bàsiques, aquelles que van inspirar a Paul Renner la seva celebèrrima «Futura», una de les grans fites del disseny tipogràfic. Aquí revisita unes formes clàssiques per posar-les al dia, amb infinitat de detalls que faran les delícies dels usuaris, com les cues llargues en les formes minúscules cursives que trenquen la linealitat que se li suposaria a una font purament geomètrica.

    Hi ha molts detalls ocults en cada caràcter de cada pes que li donen vigor i ritme, allunyant «Naste» de la tan explorada sobrietat germànica geomètrica, el que ajuda a que el seu ús en la creació de jerarquies tipogràfiques basades en la diferència de la taca tipogràfica sigui satisfactori i fàcil, gràcies en part als molts pesos disponibles i en part als molts i molt cuidats detalls. Excel·lents resultats amb un mínim esforç.

    Ampla en proporció a l’alçada «x», continguda en les ascendents i descendents; gruixuda però elegant, de fàcil lectura i necessitada de blancs generosos on mostrar els seus encants. Més és millor que menys.

    I com ja és habitual, els més complets jocs d’alternatives Opentype disponibles, així com suport Unicode per 104 idiomes a més del ciríl·lic.

    16 pesos de bellesa tipogràfica en tot el seu esplendor.

    Tipografia Naste: exemples d'ús

    ,

Disseny web - Antaviana

Truca’ns +34 973 143 481

Envia’ns un correu informacio@(ELIMINAR)antaviana.cat

Piula’ns a @canantaviana

o Vine a visitar-nos