Planificarea designului site-ului Web

C um trebuie s fie un site performant?

Premize

1. Design-ul site-ului web trebuie planificat n avans

2. Designul site-ului web se concepe pornind de la orientarea spre client.

3.Toate elementele designului sunt concepute pornind de la comportamentele diverselor categorii de public int

4. Tehnologia i tendinele din design (moda) trebuie s se subordoneze comportamentelor clienilor i obiectivelor prezenei firmei n mediul online

Ce dimensiuni presupune designul site-ului?

Design

Funcii Organizare

Interactivitate Form

Coninut

Designul site-ului Web=Funcii+Coninut+Form+Organizare+Interactivitate

Planificarea designului site-ului

Planificarea

1. Predezvoltarea

2. Analiz i conceperea designului

3. Dezvoltarea coninutului i

testarea 4. Lansarea

1. Predezvoltarea site-ului

Predezvoltarea

1.nregistrarea numelui de

domeniu Cum trebuie s fie

numele de domeniu

2.Alegerea furnizorului de

servicii de Internet (ISP)

4.Prezentarea brief-ului ageniilor de marketing i comunicare online i apoi organizarea unui

pitch;

3.Conceperea briefului ptr site

Cine planific i realizeaz site-ul

1. n interiorul organizaiei;

2. outsourcing, un furnizor de servicii exterior.

Externalizarea

Activitile pot fi externalizate : a. Ageniilor tradiionale; b. Ageniilor online c. ISP; d. firmelor de consultan. Ce activiti se externalizeaz? Conceperea strategiei Designul site-ului; Crearea coninutului; Promovarea offline i online a site-ului.

Cine particip la crearea site-ului

1.Sponzorul site-ului-managerul organizaiei care pltete pentru crearea acestuia;

2. proprietarul site-ului-este persoana cu responsabiliti de marketing n organizaie sau cel care se va ocupa de site;

3. managerul de proiect este responsabil cu planificarea i coordonarea proiectului site-ului;

4. designerul site-ului-acesta definete cum va arta site-ul, layoutul i cum sunt transferate pe web valorile organizaiei;

5. dezvoltatorul coninutului-scrie textele pentru site i le converstete ntr-o formul convenabil pentru site. Acest rol se mparte n firmele mari i medii ntre managerul de marketing i personalul tehnic care se ocup de grafic, de documentele HTML i de asigurarea interactivitii site-ului.

6. Webmaster are un rol tehnic i se ocup de asigurarea calitii site-ului. n firmele mici webmasterul este i dezvoltator al coninutului i designer.

Brieful creativ pentru designul site-ului

1. Introducere: descrierea afacerii, istoricul activitilor de marketing, o descriere a produsului/serviciului, motivul pentru scrierea briefului creativ;

2. Detaliile proiectului: explicarea scopului proiectului, pentru cine este realizat, cnd trebuie s fie gata, cum se coreleaz cu alte activiti de marketing (lansare de noi produse, rebranding);

Brief creativ

3. Scopuri i obiective (se pleac de la cei cinci S-crearea de contacte, vnzri, branding)

4. Audiena sau publicul int-se descriu audienele primare i audienele secundare, profilul lor;

5. Mediul concurenial-se descriu concurenii i se analizeaz site-urile lor i ceea au mai interesant n ele (se descriu cele mai bune trei site-uri i cele mai slabe).

Lista de itemi analizai

Care este impactul vizual?

Care sunt componentele acestuia?

Utilizeaz desene, fotografii? Sunt imagini din banca de imagini sau sunt originale?

Cum se face navigarea n cadrul site-ului web? Care este primul element navigaional care atrage atenia vizitatorilor;

Brief - lista de itemi analizai

Exist un ndemn clar la aciune? Sunt mai multe? Cum sunt scoase n eviden? Este de tip text sau de tip buton? Dac da, ct de mare este i care este culoarea?

Care este schema de culori aleas pentru site?

Ce este bun, ce este ru, ce este urt? Listai ce v place i ce nu v place la site?

Lista de itemi

Care este tonul general: distractiv, artistic, de business?

Care sunt itemii meniului?

Cum subliniaz site-ul propunerea de valoare (beneficii oferite?)

Apar conexiuni cu reele sociale-Facebook, Twitter, LinkedIn etc.?

Reuete seciunea de home page s atrag segmentul int?

Lista de itemi

Coninutul site-ului apare ca fiind proaspt sau uzat?

Site-ul are o component de vnzare? Dac da, de cte clickuri este nevoie pentru a cumpra un item?

Mesajul transmis de site este clar?

Mesajul transmite propunerea de valoare n mod clar?

Brieful creativ

6. Valoarea oferit (propunerea de valoare)

Ce trebuie s tie grupul int despre valoarea oferit de organizaie pentru a-l influena s viziteze site-ul/cunmpere?

Beneficiile oferite. USP-ul.

7. Punctele critice ale comunicrii. Ce trebuie s includ obligatoriu mesajele firmei?

-beneficii, caracteristici, prin ce este diferit organizaia de altele, testimoniale.

Brieful creativ

8. Canalele de comunicare.

Se explic cum se vor utiliza canalele de comunicare n mediul online:paginile web, e-mail, campanii de PR, social media, parteneriate. Se vor da explicaii i cum se combin comunicarea online cu cea offline.

9. Preferinele cu privire la design/estetic.

Se descrie modul n care se dorete s arate site-ul. Un ghid cu privire la stilul site-ului: logo, culori, font, format, imagini etc.

Brieful creativ

10. Detalii cu privire la buget;

11. Informaii de contact.

Analiza

1. Identificarea cerinelor utilizatorilor site-ului

Etapa de analiz implic utilizarea diferitelor tehnici de cercetare de marketing (ex. Focus grupuri, chestionare trimise clienilor existeni, interviuri) pentru a identifica nevoile audienei site-ului

Analiza vizitatorilor

1. Cine formeaz audiena cheie pentru site?

2. Care sunt motivele pentru care utilizeaz site-ul?

3. Ce trebuie s conin site-ul? Ce servicii va furniza?

4. Cum va fi structurat informaia pe site/Care va fi arhitectura informaiei?

5. Cum se va face navigarea n site?

6. Care sunt principalele rezultate de marketing urmrite prin intermediul site-ului (nregistrare, vnzri, servicii)?

Factori

Factorii de care sec ine seama:

3 categorii de factori

I.Funcionalitatea

II. Factori psihologici;

III. Factori referitori la coninut.

I. Funcionalitatea:

1. Utilizabilitatea (usability);

2. Interactivitatea.

Factori

1. Utilizabilitatea

A.Conveniena;

B. Navigarea uoar n cadrul site-ului;

C. Organizarea informaiilor;

D. Faciliti de cutare;

E. Uurina efecturii comenzilor i plilor;

F. Viteza de funcionare;

G. Accesibilitatea site-ului.

Funcionalitatea

2. Interactivitatea: A. Servicii oferite dup vnzare;

B. Interaciunea cu personalul;

C. Customizarea;

D. Efectul de reea.

II. Categoria factorilor psihologici

1. Factori care conduc la crearea ncrederii:

A. Sigurana tranzaciilor;

B. Securitatea datelor personale i ale tranzaciilor;

C. Elemente de reducere a incertitudinii;

D. Garanii i politici clare dee returnare.

III. Factori referitori la coninut

1. Factori estetici; A. nfiarea designului (cum arat site-ul); B. Calitatea designului; C. Elementele de stil/ambian. 2. Factori referitori la mixul de marketing; A. Comunicarea i promovare (promoii

atractive); B.Produsul (asortimentul-calitatea, varietate); C. Preul; D. Buna organizare a procesului/Probe.

II. Analiza site-urilor concurente

1. propunerea/oferta de valoare a site-ului; 2. site-ul susine toate etapele procesului de

cumprare pentru clienii noi i pentru cei existeni? 3. promoiile speciale sunt practicate cu o anumit

regularitate? 4. sunt folosite site-uri intermediare pentru

promovarea i livrarea serviciilor? 5. serviciile oferite (nivelul suportului online oferit

clienilor, informaii tehnice disponibile, posibilitatea de a cumpra online);

6. implementarea serviciilor.

Conceperea site-ului

I. Arhitectura informaiilor La ce se refer? reprezint o combinaie ntre organizarea, etichetarea

i schemele navigaionale ce formeaz un sistem informaional.

-este vital pentru un design eficient i pentru optimizarea pe motoarele de cutare (determin felul n care diferite tipuri de coninut sunt etichetate i grupate, fcnd site-urile mai vizibile pentru motoarele de cutare)

-implic gruparea logic a informaiei, dezvoltarea unei structuri care se concretizeaz ntr-o hart a site-ului.

Conceperea site-ului

I. Arhitectura site-ului;

1. Ordonarea meniului (card sorting);

2. Schiele site-ului (blueprints;

3. Schemele paginii (wireframes)

Ordonarea meniului (card sorting)

1. presupune aranjarea obiectelor web (seciunilor) pentru a facilita finalizarea sarcinilor impuse utilizatorului.

2. ine cont de rspunsurile la ntrebri precum: a.Utilizatorii doresc s vad informaia grupat n funcie de subiect (maini de splat, aprate de aer condiionat), sarcin, afacere (Turism, transport), tipul informaiei?;

Care sunt cele mai importante elemente ce trebuie puse n meniul principal?;

Cte elemente conine meniul i ct de adnc merge? Ct de diferite/asemntoare sunt nevoile utilizatorilor

organizaiei?

Harta site-ului

A. Poate fi o simpl list de pagini i n Word; B. Sau poate fi o reprezentare grafic. Este important s se includ toate paginile, n ordinea corect Harta poate cuprinde: 1.Navigarea top (paginile sunt n bara de navigare tot timpul) 2.Sub-navigare-pagini care apar sub bara de navigare principal; 3.Utilitile (linkuri de logare care de obicei se pun n colul din

dreapta sus); 4. linkuri de subsol (politica de confidenialitate n josul pagini); Vizitatorii trebuie s tie tot timpul: A.Unde se afl; B. Unde merg; C. Cum se pot ntoarce napoi la paginile pe care le-au vizitat

Meniul site-ului

Home Blog About Despre

noi Servicii tiri

Nouti Testimoniale Shop Contact Member

login

Search Engine

Marketing

Privacy Policy Politica de

confidenialitate

Harta site-ului

Site Map

Mesaje publicitare

Copywriting

Strategia de marketing

Training/Educaie

Nouti

Revista presei

Schiele site-ului (Blueprints)

A. Arat relaia dintre pagini i alte componente ale coninutului i pot fi folosite pentru a reprezenta organizarea, navigarea i sistemele de etichetare ale site-ului;

B. sunt adesea vzute ca i hri ale site-ului, ns ele se refer mai mult la legturile dintre pagini i felul n care este grupat informaia.

Schema paginii (wireframes)

a. Se refer la layout-ul unei pagini.

b. este util pentru ca ageniile i clienii lor s discute aezarea n pagin, fr a fi influenai de culoare, stil, sau probleme legate de coresponden care sunt discutate separat n activitatea de planificare creativ.

Cele mai utilizate scheme/layout-uri

1. Navigarea se face in coloane stnga, dreapta, n susul sau josul paginii .

2. Fiecare pagin cuprinde o zon de subsol i un antet.

3. Fiecare pagin cuprinde csue pentru evidenierea coninutului important pentru client;

4. pe pagina de start aceste csue sunt folosite de regul pentru a prezenta pe scurt propunerea de valoare, pentru a face cunoscute promoiile, tirile, produsele similare sau pentru reclame.

Cum trebuie s fie un site performant?

Credibilitate

Designul site-ului

Utilizabilitate (Usability)

Vizibilitate

Posibilitatea de redimensionare

(Scalability)

Puterea de a vinde

(Sellability)

Credibilitatea

Lorrie Thomas (2011), Online Marketing, Mc Graw Hill, 36- Hour Course.

Ca i n via nu ai niciodat a doua ans pentru a face impresie online.

Designul site-ului este un mijloc de obinere a credibilitii.

Designul site-ului se refer la organizarea informaiilor (organizarea coninutului, alegerea culorilor, utilizarea graficii i a fonturilor).

De multe ori, vizitatorii judec repede un site doar pe baza designului.

Credibilitatea

Realizarea designului presupune s se acorde atenie layoutului, caracterelor tipografice, imaginilor, consistenei

Un bun design sugereaz ncredere, face navigarea mai uoar, sprijin brandul, atrage segmentul int i i face s se simt bine.

Cum se aswigur credibilitatea?

1. Home Page (Acas). Terebuie s comunice clar, textual i vizual, ce este organizaia, ce face, pe cine servete;

2. Pagina About (despre noi). Este una din cele mai vizitate pagini (istoric, experien, credeniale, biografii, imagini);

3. Designul profesional; 4. Uurina de a gsi informaiile de contact, ca

acestea s fie ct mai vizibile; 5. S fie clar ndemnul la aciune (Call to action,

Leran More (Afl mai multe, telefoane gratuite).

Utilizabilitatea (Usability)

Uurina cu care vizitatorii utilizeaz site-ul

Este scopul site-ului clar?

Este uor s navighezi n interiorul su?

Itemii de accesat par destinai a fi accesai (sunt clare semnele indicatoare)?

Sunt clare ndemnurile la aciune (Cumpr acum, Afl mai multe, Privete imaginea, Sign Up Today?)

Utilizabilitatea

O mare utilizabilitate i ajut pe vizitatori s fac ceea ce doresc marketerii

Navigatorii mai nti scaneaz i apoi citesc

Utilizabilitatea povestete vizitatorilor vizual i textual ceea ce s fac, unde s fac i cum s fac.

Puterea de a vinde (sellability)

Urmtorul pas este s se analizeze n ce msur site-ul sprijin vnzrile

Se arat studii de caz, testimoniale i orice altceva care arat c organizaia este diferit sau mai bun dect altele.

Se analizeaz dac funcia de contact este uor de gsit

Comunicarea valorii i a ceea ce este diferit, mprtirea punctelor tari n vnzare, mprtirea unor poveti de succes, funcionarea FAQ.

Posibilitatea de extindere i de msurare (Scalability)

Un site trebuie dezvoltat astfel nct s permit extinderea sa (adugarea de pagini, de imagini, de text)

Trebuie s existe posibilitatea de a determina traficul, sursele traficului (de unde vin vizitatorii), aciunile vizitatorilor (cerere de informaii, comenzi), timpul petrecut n mediul online, clasamentul paginilor vizitate (www.google.com/analytics), numrul de contacte, vnzri

Unele organizaii lanseaz site-uri test (denumite i site-uri beta);

Altele utilizeaz instrumente cum ar fi site-uri web wireframes naintea lansrii site-ului final.

Vizibilitatea site-ului

Trebuie s existe un plan pentru crearea traficului pe site

Instrumente:

e-mail;

Publicitate online;

Search Engine Optimisation (tehnici de optimizare pe motorul de cutare parte a procesului de creare a designului i de dezvoltare a site-ului).

Vizibilitatea

Trebuie s existe naintea procesului de creare a site-ului o nelegere clar a opiunilor de creare a vizibilitii site-ului pentru a conduce la obinerea notorietii, traficului i la aciune din partea vizitatorilor

Exemplu: Dac site-ul vizeaz contientizarea/notorietatea

i comunicarea cu un un grup special, de exemplu voluntari-atunci pe site trebuie creat o pagin special pentru acetia i ea apare pe harta site-ului clar evideniat (Voluntari-accesai aici).

Vizibilitate

Dac scopul este creterea listei de e-mailuri, atunci se va posta opiunea e-mail sign-up.

Dac marketingul prin afilere este parte a programului de marketing atunci se va aduga o pagin n care se promoveaz programele de afiliere

Marketingul bazat pe motoare de cutare

Se utilizez titluri i texte care cuprind cuvinte cheie prietenoase i cuvinte cheie/linkuri ctre alte pagini ale site-ului

Vizibilitatea

Dac publicitatea pe motoare de cutare (Search Engine Advertising) este parte a planului de dezvoltare a vizibilitii post lansare este necesar s se creeze pagini cu publicitate care sprijin ncheierea vnzrilor sau pagini comprimate (squeeze) care conduc la o aciune imediat dect s conduc la accesarea site-ului organizaiei. Paginile squeeze rspund unei singure aciuni cum ar fi includerea ntr-o list de e-mailuri sau s se fac o ncercare gratuit. Aceste pagini nu au linkuri de ieire. Sunt foarte focalizate.

Vizibilitatea

Dimpotriv, paginile de destinaie (landing pages) pot fi strns legate de o campanie publicitar, cu mai multe ndemnuri la aciune i mai multe linkuri ctre site-ul principal.

Designul site-ului pornind de la experienta clientului