Liga Web Design

Advance-hr.ro: Resurse umane proaspete, direct din Brașov

Recent, am lansat și site-ul firmei de resurse umane Advance-HR. Realizat în două limbi, cu o soluție prietenoasă pentru SEO, site-ul prezintă serviciile firmei brașovene, atât pentru clienți, cât și pentru candidați.

Evoyage.ro: un nou site de turism

Am lansat de curând site-ul agenției de voiaj ELEN Voyage Tour. Acesta cuprinde atât oferte cu pachete turistice extrem de atractive, cât și niște formulare ce perrmit rezervarea biletelor de autocar sau avion.

Lansare site ADIS

Asociația pentru Dezvoltare și Incluziune Socială are un nou site. Organizația non-guvernamentală care are ca scop combaterea discriminării minorităților etnice din România are în desfășurare un nou proiect realizat împreună cu Asociația Medicilor Rezidenți. Puteți afla mai multe aici.

Navigarea – elementul cheie in orice site

Ce rost are un site cu o multime de informatii daca utilizatorii nu pot ajunge usor la ele.

1. Meniul

Link-urile din meniu trebuie sa fie sugereze clar unde trimit pe utilizator. In orice  meniu trebuie sa apara doar acele link-uri care sunt considerate importante pentru a incepe explorarea site-ului. Se recomanda pentru a usura navigarea ca link-ul paginii curente sa aiba alta culoare inde pe pagina principală de navigaţie, pentru a evita dezordine. De asemenea, este recomandabil să existe legături schimbare de culoare, o dată pe care le-au fost adăugate clic pentru claritate la vizitator.

2. Breadcrumb-ul

Breadcrumb-ul ajuta vizitatorii sa isi dea seama in ce pagina se afla, si sa se intoarca foarte usor cu un pas in spate.

Foarte importante de asemenea pentru SEO si pentru marirea numarului de linkuri interne.

Directoarele web SEO Friendly

Directoarele web SEO Friendly , ca si linkurile SEO friendly sunt directoarele care au o structura de linkuri care este de genul:

http://superdirector.ro/Publicitate-Bani-Online/ si nu de genul

http://superdirector.ro/categorie=14?q=5

Un alt aspect de urmarit este cel al meta tag-urilor, sa fie corect afisate si de dimensiune corecta  dar si daca acestea afiseaza linkuri catre site-ul inscris pe titlul site-ului si nu pe url-ul acestora.

Ca exemplu va recomand directorul web gratuit superdirector.ro.

Un director web va poate aduce trafic atata timp cat el este bine optimizat si vizitatorii interesati de un anumit domeniu ajung pe pagina dumnevoastra din acel director.

Detalii ce nu trebuie uitate atunci cand ne lansam saitul

Am realizat designul, CMS functioneaza, am adaugat continutul si clientul este fericit. Este timpul sa ne lansam saitul. Sau nu este? Inainte de a lansa un sait, poti uita unele lucruri, in graba ta de ati vedea saitul live. Este util sa ai o lista cu lucrurile pe care trebuie sa le faci, cu ultimele detalii si retusuri, inainte de ati lansa saitul in toata lumea.

In lista urmatoare voi  evidentia cativa pasi pe care nu trebuie sa-i uitam:

Faviconul

Faviconul are rolul de a  marca tagul sau fereastra saitului in browser. El se salveaza automat cu bookmarkul, facilitand identificarea saitului pentru utilizatori, in functie de imaginea pe care o afiseaza. Unele browsere iti salveaza faviconul in director ca favicon.ico, dar ca sa fii sigur ca acesta e incarcat tot timpul, include urmatoarea sintaxa in head:

<link rel=”icon” type=”image/x-icon” href=”/favicon.ico” />

Titlurile si datele meta

Titlul paginii tale este un element important pentru SEO , cat si pentru utilizatorii tai, care vor cunoaste continutul paginii, in functie de acesta. Fii sigur ca titlul sa se modifice pe fiecare pagina si sa aiba legatura cu continutul paginii.

<title>Advance-hr</title>

Pentru majoritatea browserelor, descrierile meta nu sunt la fel de importante pentru SEO ca si titlurile,  dar este totusi o idee buna sa le includem. Modifica descrierea in fiecare pagina, ca sa aiba legatura cu continutul, pentru ca asta e ceea ce Google arata la rezultatele cautarii.

<meta name=”description” content=”Art is the expression of creativity or imagination. Art is commonly understood as the act of making works (or artworks) which use the human creative impulse and which have meaning beyond simple description.”</meta>

Compatibilitatea browserelor

Tocmai cand credeai ca designul arata perfect, il verifici in IE si observi ca totul este stricat. Este important ca saitul tau sa fie compatibil cu toate browserele. Nu trebuie sa fie perfect ca design, dar trebuie sa fie functional, iar utilizatorul nu ar trebui sa observe probleme. Browserele de care trebuie sa tii cont: Chrome, Safari 3, Firefox 3, Internet Explorer 6, 7, 8.

Linkurile

Nu presupune ca toate linkurile merg de la sine. Verifica-le. Se poate intampla sa uiti sa adaugi ”http://” la linkurile externe.  Nu uita, de asemenea, de regula general valabila, de a pune link pe logo catre pagina principala.

Totodata analizeaza-ti linkurile. Sunt suficient de evidente pentru noii utilizatori? Acestea ar trebui sa fie usor de observat pe pagina. Nu sublinia textul care nu este link, pentru ca iti va deruta utilizatorii.

Validarea

Scopul tau ar trebui sa fie ca saitul sa fie 100%validat. Acestea fiind spuse, nu este o tragedie daca saitul tau nu se valideaza, dar este important sa cunosti motivele pentru care nu merge, ca sa poti repara diverse erori. Unele dintre cele mai comune erori sunt date de lipsa tagului  ”alt” , omiterea tagurilor de inchidere si utilizarea “&” in locul lui “&amp”.

Instrumente de analiza a traficului

Instalarea instrumentelor de analiza este utila in masurarea statistica a numarului vizitatorilor tai si  a felului in care saitul tau functioneaza. Dintre aceste instrumente le numim pe: Google Analyctics, Clicky, Kissmetrics, Mint, StatCounter.

Optimizarea

Cu totii dorim ca saitul nostru sa functioneze la eficienta maxima. Cateva masuri pe care nu trebuie sa le uiti: reducerea cererilor pe HTTP, optimizarea imaginilor pentru web, comprimarea javascriptului si a filelor de CSS.

Back-up-ul

Daca saitul tau se bazeaza pe o baza de date, ai nevoie de o solutie de salvare a datelor. Astfel eviti riscul de ati pierde informatiile. Daca folosesti WordPress, instaleaza Wordpress Database Backup,pe care il poti seta sa-ti trimita salvari prin mail.

Footerul – element de design sau o necesitate

Potrivit regulilor de web design, tot ce este in josul paginii nu este foarte important, iar aceasta regula este apreciata deopotriva de designeri, cat si de utilizatori. Elementele grafice din josul paginii nu sunt create pentru a atrage atentia, de aceea footerele sunt adesea uitate sau ignorate cand este realizat un design.

In realitate, majoritatea footerelor sunt plictisitoare si neinspirate. Designerii folosesc aceasta zona pentru a plasa lucruri pe care nu le-au putut integra in partea superioara a saitului, de ex: termeni de confidentialitate, butoane spre W3C, drepturi de autor, linkuri care trimit catre partea superioara a paginii si date de contact. Dar daca majoritatea designerilor ignora footerul, de ce sa nu-l folosesti tu? De ce sa nu folosesti footerul pentru a-ti impresiona vizitatorii, prezentand ceva cu totul inedit?

De ce sunt utile footerele?

In general, in footer sunt plasate: detalii de contact, adresa si harta saitului, sectiunile principale, informatii succinte despre sait sau despre creatorii acestuia. Totodata el poate contine si functii suplimentare, precum RSS, abonamente de informatii prin e-mail.

Cu toate acestea, putem utiliza, footerul ca si un element de design, perfect pentru a da o nota personala saitului dumneavoastra. De exemplu, daca esti fan Seinfield, de ce sa nu plasezi un mic Kramer undeva langa datele de contact din footer? Astfel, cu un mic detaliu puteti sa va personalizati saitul, reusind, in acelasi timp sa atrageti atentia vizitatorilor. Avand in vedere ca functia principala a footerului este de a completa layout-ul, de multe ori acestuia i se da o culoare ce apare in contrast cu celelalte culori dominante utilizate in sait.

Rolul footerelor a crescut semnificativ in designul blogurilor.Acum acestea contin ultimele postari, comentariile vizitatorilor, ultimele joburi adaugate, ultimele discutii de pe forum sau diverse linkuri.Din pacate, footerele sunt folosite destul de des pentru a insera spam SEO si reclame pop-up.

Unii designeri merg mai departe si plaseaza locul de navigare in partea de jos a paginii. In astfel de cazuri saitul este impartit in doua sectiuni, partea de sus este axata pe continut, in timp ce in sectiunea de jos este plasata bara de navigatie.

Este clar ca rolul footerului este din ce in ce mai important si ca designerii sunt hotarati sa fac apel la acest element grafic pentru a reusi sa iasa in evidenta.

Am realizat noul site London PUB

Site-ul il gasiti la adresa www.londonpub.ro ,luati adresa si dati o fuga sa beti  o bere londoneza la London Pub!

Preferata mea….  Berea Brună – Shaw!

Alte 5 tendinte ale designului web in 2010

  • Schimbarea perspectivei

In 2010 tendinta in web design este de a reda cat mai precis realitatea, punand in perspectiva elementele componente ale layout-ului.

http://downsign.deviantart.com/art/Book-Store-136542851

  • Design interactiv si intuitiv

Se anunta timpuri bune pentru Flash. Erau vremuri cand nu puteai vizita un sait, fara sa treci mai intai de o interfata stresanta de flash. In vremurile de azi, Flash este folosit mult mai relaxat si intro maniera profesionista. Desi multi designeri prefera jQuery pentru formulare si pop-ups, Flash are locul lui in design, mai ales atunci cand este facut subtil. Flash inca nu are rival cand vine vorba de interactivitate. Deoarece vizitatorul mediu doreste sa vada sait-uri practice, tendinta este de a realiza saituri mai intuitive decat in trecut.

Ideea principala: Designul interactiv isi va face reaparitia.

http://www.crowleywebb.com/

  • Minimalismul

Uitati de saiturile minimaliste, in 2010 tendinta este catre utilizarea spatiului alb, imbinat cu fonturi indraznete si scheme de culori surprinzatoare.

http://www.kylestanding.com/

  • Footer supradimensionat

Footerele supradimensionate exista deja peste tot, dar in 2010 se tinde catre o exagerare mult mai mare acestora. Footerele capata mai mult importanta, devenind parte integranta a designului. Vorbim despre footere care vor contine update-uri din diverse retele sociale, sondaje zilnice si anunturi Flickrl.

http://www.duirwaigh.com/

  • Retro

Designurile retro sunt la moda. Desi multe dintre comunitatile de designeri admira stilul retro, este destul de dificil de a imbratisa acest stil pe deplin, realizand un design pe deplin unic. Cheia in designului retro este in a te inspira din tonul jucaus al stilului. In 2010, designul retro va fi extins, pe masura ce designerii vor gasi alte modalitati de a onora arata vintage.

http://www.level2d.com/