Cerinte pentru designredesign:¶

Pentru a eficientiza implementarea unui nou design (pentru intregul site sau doar o pagina/portiune anume), ai mai jos cerintele pentru un material implementabil de catre echipa Avanticart. Te rugam sa citesti si sa dai mai departe designerului web cu care colaborezi.

Dupa ce s-a ajuns la un design final formatele in care avem nevoie ar fi in .psd (Photoshop).
Nu primim imagini cu design-ul (.png. *.jpg, *.jpeg, *.pdf si alte formate de genul acesta) care nu ne permit sa masuram dimensiuni, distante intre elemente, dimensiuni de font-uri s.a. lucruri legate de layout.

Design-ul trebuie:

1.Sa fie Responsive - adica sa aiba, pe langa versiunea desktop, si varianta de tableta si mobil, plus regulile de adaptare la rezolutii diferite. In ziua de astazi foarte mult trafic vine tocmai de pe device-urile mobile si orice magazin care nu are design adaptat la cerintele diferitelor rezolutii de ecrane va pierde trafic si comenzi.

2.Sa tina cont de faptul ca Avanticart foloseste, in implementarea designului, Bootstrap 4 - un model de layout bazat pe impartirea ecranului in 12 coloane egale intre ele (Vezi poza de mai jos) atat pe mobile, cat si pe desktop. Layout-ul magazinului online si dispunerea elementelor si latimile lor trebuie sa tina cont de asta si sa se incadreze in cele 12 coloane / multiplu de o coloana (ex: in imaginea de mai jos filtrele in stanga ocupa 3 coloane iar lista cu produse ocupa 9 coloane​ )

3.Sa aiba o structura clara. Ganditi-va bine din start la structura meniului: Cate categorii am? Cate subcategorii am? Incap toate acestea in meniul design-ului ales atat pe Desktop cat si pe Mobile? (ex: am avut cazuri in care design-ul era pentru 8 categorii cu denumiri relativ scurte dar site-ul avea mai multe categorii care aveau si denumiri lungi. Nu au incaput, iar designul implementat nu putea reda corect informatia de pe site)

4.Sa aiba solutii de afisare/pozitionare atat pentru pagina de produs cat si pentru pagina de categorie in cazul in care un produs are multe variatiuni/optiuni astfel incat sa nu avem nici spatii goale inutile dar nici o inghesuiala de elemente pentru ca nu s-a luat in calcul cazul.

5.Design pentru toate paginile site-ului: Pagina principala (Homepage-ul), Pagina de Gategorie, Pagina de produs, Pagina de checkout (sau cosul de cumparaturi, pagina de comanda, etc…), Pagina de contact, Contul de client; Optional poate fi si pagina de 404, modalul (fereastra mica) de Newsletter.

Nota: Cu cat avem mai putine informatii din partea dumneavoastra/designerului legate de noul site cu atat se va prelungi perioada de implementare lucru care nu e benefic nici pentru noi nici pentru dumneavoastra.

Recomandare:

Sa fie usor de folosit. Daca am un design frumos dar ia prea mult timp sa inveti sa-l folosesti utilizatorul isi va pierde interesul si va abandona site-ul ceea ce va scadea rata de conversie. Pozitionarea unor elemente cum ar fi locul butonul de adaugat in cos, informatiile despre cos, structura paginii de Produs si a Paginii de Categorie impreuna cu filtrele - atat pe Mobile cat si pe Desktop.

Special pentru redesign sau cand aveti deja un site:
Atat pe pagina principala cat si pe pagina de categorie si pe pagina de produs analizati si luati in considerare din punct de vedere al continutului cea mai aglomerata si cea mai libera situatie/pagina ca sa abordati design-ul si gasiti solutia optima.