Característiques i Funcionament d'una Pàgina Web

Característiques d’una pàgina web:

• Usable: Permet als usuaris una interacció senzilla, intuitiva, agradable i segura.
• Visual: La percepció de l’usuari és positiva quan naveguem al lloc web i els elements gràfics estan orientats a assolir els objectius de la pàgina web i no atenen només a qüestions decoratives.
• Educatives: Els usuaris aprenen a utilitzar-la fàcilment i retenen el coneixement assolit.
• Actualitzada: S’ofereixen nous continguts periòdicament i manté la interfície modernitzada.

Nom de domini: Suggeriment de nom de domini per a una empresa o marca, que ha de ser únic i relacionat amb la mateixa, i requereix de pagament anual per mantenir la seva propietat. Tipus de nivells: Superior: .com, .net, .online. Solen ser més cars. Nous: .store i .online. Solen ser més assequibles.

SEO (Search Engine Optimisation): Optimització de llocs i pàgines web per a aconseguir un bon posicionament en cercadors. SEM (Search Engine Marketing): Publicitat en cercadors a través de pagament per clic. SMO (Social Media Optimisation): Optimització de mitjans socials. ASO (App Store Optimisation): Optimització d'aplicacions mòbils a botigues o marketplaces. Cicle de Deming o PDCA (Plan, Do, Check, Act): Model de gestió de qualitat per a la millora contínua.

Normes HTML: Ús d’etiquetes, ús d’atributs, ús de minúscules, ús de cometes dobles per indicar el valor dels atributs, tancar totes les etiquetes. Sagnar el codi per augmentar la llegibilitat.

Un hosting és un servei que proporciona espai d'emmagatzematge en un servidor per als usuaris que desitgen publicar la seva pàgina web a Internet. Això permet que el lloc web estigui disponible en línia de forma fiable i permanent. El preu dels hostings varia depenent del tipus, sent els hostings compartits més econòmics (2-15 dòlars/mes) i els hostings dedicats més cars (80-500 dòlars/mes). Exemples: CMS Hub, Hostinger, SiteGround, GoDaddy, Hostgator, Google Cloud, Dinahosting, Squarespace.

TIPUS DE HOSTING:

• Allotjament compartit: diversos llocs web comparteixen els mateixos recursos d'un servidor, incloent CPU, memòria, amplada de banda, adreces IP i transferència de dades.
• Virtual Private Server (VPS): el servidor es fracciona en diversos servidors virtuals, cada un amb el seu sistema operatiu independent.
• Servei dedicat: un únic client té ús exclusiu del servidor i pot adaptar el sistema operatiu segons les seves necessitats. Recomanat per a projectes complexos.

Proposta metodològica (I): Determinar el paper del lloc web en l'estratègia empresarial i en particular de màrqueting. Definir el projecte del lloc web: terminis, recursos, objectius. Establir els continguts que volem pel lloc web en funció del públic objectiu (buyer persona). Determinar el punt de sortida i la generació de contingut: elaborar el calendari de publicacions. Definir les necessitats de la Piràmide de Maslow. Revisar les mètriques dels objectius i els resultats. Seguiment i avaluació.

Motor de recerca: Utilitzen un programa anomenat "aranya" per navegar per les pàgines web i recopilar informació. Aquesta informació es guarda en una base de dades per als usuaris. Quan un usuari fa una cerca, el motor de cerca li mostra els resultats més rellevants en funció de l'algoritme que utilitza. Buscador jeràrquic: Es llança una petició i es retorna al client. Utilitzen robots aranya. Directoris: Recullen dades molt concretes. Especialitzades per temàtica → Pàgines grogues i Vlobo. Metabuscadors: Llencen consultes a altres buscadors, reordenant els resultats obtinguts en funció de criteris propis. Metacrawler. Buscadors verticals: Cercadors especialitzats, en un sector concret d’activitat, proporcionant resultats més exhaustius de l’àrea d’especialització. Exemples: Rastreator, eDreams, Kayak.

Funcionament màrqueting:

• Outbound marketing: Estratègia push, interrupció dels anuncis. Exemples: publicitat, promocions de vendes, màrqueting directe.
• Inbound marketing: Estratègia pull, atracció dels usuaris per la generació i optimització dels continguts que són valorats i fan que el mateix públic busqui el missatge publicitari. Exemple: SEO.

Possibles objectius de màrqueting: Notorietat de marca, tràfic massiu, tràfic de qualitat, generar leads, nodrir els leads, convertir els leads en clients actuals.

Revisions de rendiment de Google Ads: Clics, cost, impressions, percentatge de clic, cost mig per clic (“CPC mig”).

Interacció: Aquests elements permeten a l’usuari realitzar accions en el lloc web, per tant, hi faran una interacció. Exemple: canviar idioma, utilitzar el buscador, consultar el carro de compra, subscripció de la newsletter.

WYSIWYG: és un tipus d'editor HTML que permet modificar la pàgina web en una vista simplificada sense codi, similar al disseny de pàgina real.

Gestors de contingut: CMS (Content Management System) són eines que ens permeten: crear, editar, publicar.

Servidor web o nom de domini: software que ens permet servir o enviar informació als usuaris que hi ha connectats, normalment pàgina web (en format HTML), pot incloure diferents hostings. El servidor ens permet acceptar peticions del protocol HTTP. La S mostra que és segura “HTTPS”. Ha de complir els següents requisits:

1. Engegat i connectat a Internet 7 dies/24 hores/365 dies de l’any.
2. Tenir dispositius de seguretat davant de possibles fallades del sistema o xarxa.
3. Característiques de maquinari determinades de memòria, processador i disc dur.

Botiga electrònica: Una empresa presenta el seu catàleg de productes als seus clients potencials a través d'Internet. Permeten fer comandes o pagaments de productes:

• Pagament a contra reemborsament.
• Pagament amb targeta de crèdit.
• Pagament específics de les compres electròniques.

Necessita una estructura informàtica que garanteixi:

• Manteniment tècnic de la botiga.
• Seguretat digital: confidencialitat clients i seguretat de pagaments electrònics.

Mercats web: Són llocs web on es venen productes de diferents venedors. Proporcionen:

• Un disseny ben estructurat de botiga.
• Un manteniment eficaç.
• Passarel·les de pagament comunes i fiables per al cobrament de les vendes.

Utilitzats per:

• Empreses petites o mitjanes sense recursos pel seu propi comerç digital.
• Empreses que ja disposen del seu comerç electrònic però volen més visibilitat.

Procés de compra en el comerç electrònic:

• La compra ha de ser: de fàcil ús per l’usuari, ràpida per no perdre l’oportunitat de venda, experiència positiva per al consumidor.
• La web ha d’oferir: informació abundant però rellevant, confiança, rapidesa, professionalitat i proactivitat en la resolució de conflictes, satisfacció, creació de llaços emocionals.

Elements en una botiga en línia:

1. Informació legal.
2. Pàgina d’inici o “aparador web”:

• Finalitat: captar l’atenció de l’usuari.
• S’utilitza per ubicar: promocions, descomptes, ofertes.

Catàleg de productes: La decisió de compra es veu afectada per:

• Els productes.
• La informació gràfica.
• La informació textual.
• Diferenciar productes per categories.
• Inclusió d’un motor de cerca.

Carret de compra: La informació s'ha de mostrar correctament i amb detall:

• Quantitat del producte.
• Impostos.
• Despeses d’enviament.
• Descomptes.

Procés de comanda o checkout: Dades que el client proporciona:

• Identificació com a client o com a convidat.
• Forma de lliurament.
• Direcció de lliurament.
• Direcció de facturació.
• Forma de pagament.

Consumidor compra a la botiga virtual:

• Recull producte a la botiga física.
• El producte s’envia a l’adreça postal que s’indica.
• Recull el producte en un punt de recollida.

Registre d’usuaris.

COLORS:

• Blanc: Higiene, innocència, puresa, igualtat, tranquil·litat.
• Groc: Alegria, felicitat, energia, optimisme.
• Taronja: Entusiasme, confiança, èxit, generositat, creativitat.
• Vermell: Valentia, energia, passió i amor. Advertència, perills. Capta l’atenció.
• Rosa: Feminitat, infantesa, innocència.
• Blau: Llibertat, pau, lleialtat, paciència, intel·ligència, tranquil·litat, tristesa. Sector: neteja, tecnologia, masculinitat.
• Verd: Salut, pau, estabilitat. Natural, sostenible. Sector: mèdic.
• Gris: Qualitat, sofisticació, coneixement. Sector: tecnologia.
• Negre: Misteri, por, luxe, elegant.

FORMES:

• Quadrat: Rigidesa, elegància, masculinitat.
• Cercle: Suavitat, màgia, misteri, feminitat.
• Triangle amunt: Balanç, estabilitat.
• Triangle avall: Tensió.
• Espiral: Creixement, creativitat, cicle de vida.
• Abstracte: Missatge directe + interpretació.
• Natural: Orgànica, frescor, naturalesa, espiritualitat.

Beneficis:

• Empresa: Facilita l’accés a mercats internacionals, redueix els costos i nombre d’intermediaris, major coneixement del client, disponible 24h/7d.
• Client: Facilita una compra àgil i còmoda (no desplaçaments), augmenta l’oferta de productes i serveis, alternatives i millors preus, accés a la compra des de qualsevol lloc i 24h/7d.

Inconvenients:

• Per l’empresa, el número d’usuaris pot resultar un problema.
• Diversitat de perfils d’internautes.
• Falta d’adequació del producte al canal, la seguretat i la logística.
• Reticència del consumidor final:
  • Velocitat de les comunicacions.
  • Modificació dels hàbits de compra.
  • Seguretat.
  • Dificultat per localitzar les botigues.
  • Dificultat per realitzar el procés de compra.