![Page 1: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/1.jpg)
TeCOMM 2012
Mihai Brehar
Caiet de sarcinipentru
realizarea unui magazin online
![Page 3: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/3.jpg)
How the customer explained it
How the project leader understood it
How the analyst designed it
![Page 4: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/4.jpg)
t
How the programmer wrote it
What the beta testers received
How the business consultant described it
![Page 5: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/5.jpg)
How the project was documented
What operations installed
How the customer was billed
![Page 6: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/6.jpg)
How it was supported
What marketing advertised
What the customer really needed
![Page 7: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/7.jpg)
Componentele proiectului
•Frontend
•Backend
•Newsletter
• Integrari 3rd party
•Hosting / securitate / backup
![Page 8: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/8.jpg)
Cu ce începem?
![Page 9: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/9.jpg)
Construirea unui site
•Continut
•Wireframe
•Homepage
![Page 10: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/10.jpg)
![Page 11: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/11.jpg)
![Page 12: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/12.jpg)
![Page 13: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/13.jpg)
![Page 14: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/14.jpg)
Specificatii
● Functionale
● Non-functionale
● Ex: viteza, securitare, usurinta in folosire
● E nevoie de un criteriu de validare
![Page 15: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/15.jpg)
Frontend
![Page 16: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/16.jpg)
Homepage● Pozitionare categorii/brands/meniuri
● Categoriile sunt pozitionate pe orizontala / pe verticala (in partea stanga)
● Categoriile sunt pe X nivele si se deschid in stil acordeon / overlay / etc
● Categoriile secundare se deschid la click / la mouse over
● Cate categorii sunt? Incap toate in design?
● Producatorii sunt afisati langa categorii / sub categorii / in footer
● Daca sunt foarte multi producatori ii afisam pe toti sau doar pe cei mai importanti?
● Afisam logo pentru producatori?
![Page 17: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/17.jpg)
● Campul de cautare
● Este pozitionat in zona X si trebuie sa aiba minim Y px
● Are autocomplete?
● Are selectie de categorie?
● Cosul de cumparaturi
● Este pozitionat in coltul dreapta sus, afiseaza textul Y cand este gol si textul Z cand sunt produse.
● Are/nu are buton de finalizeaza comanda.
Homepage (cont)
![Page 18: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/18.jpg)
• Numar de telefon si program de functionare - pozitionare
• Bannere - pozitionare, animatie
• Produse promovate: se afiseaza X produse la reducere, Y produse noi aparute, Z produse care respecta un anume criteriu, selectate manual sau automat din admin.
• Testimoniale – afisate aleator sau selectate manual
• Title tag, description, H1 + alte texte trebuie sa fie modificabile din admin
• Alte elemente statice / dinamice (ex: link-urile din footer)
Homepage (cont)
![Page 19: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/19.jpg)
Pag. de categorie/brand● URL-ul paginii de categorie trebuie sa fie sub forma
/nume-categorie/
● Title tag e diferit de numele categoriei si se ia din admin
● Description tag se ia din admin
● Numele categoriei se afiseaza intr-un tag h1 / h2
● Produsele au / nu au buton de adauga in cos
● Filtre
● Daca sunt multe, cum se afiseaza?
● Se pot selecta mai multe filtre o data?
● Ce URL/title/description se genereaza la selectia filtrelor?
![Page 20: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/20.jpg)
Pag. de categorie/brand (cont)
● Sortare
● Care e sortarea implicita?
● Ce optiuni de sortare sunt?
● Pozele produselor trebuie sa contina atributul alt si title
● Semnalizare oferta/promotie
![Page 21: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/21.jpg)
● URL-ul produsului trebuie sa fie de forma /nume-categorie/nume-produs.html
● Trebuie sa existe un tag canonical URL spre categoria principala
● Title tag trebuie sa fie format din numele produsului / numele produsului + categorie
● Description tag e descrierea produsului / camp separat● Numele produsului trebuie afisat intr-un tag h1/h2● Poza produsului este pozitionata in partea stanga a paginii
● Sub poza e afisata galeria de imagini● Zoom-ul se face cu overlay / pop-up● Numele pozei trebuie sa fie sub format nume-produs.jpg
● Pretul este afisat in partea dreapta a paginii
Pagina de produs
![Page 22: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/22.jpg)
● Buton adauga in cos trebuie pozitionat aproape de pret● Culoarea butonului trebuie sa fie distincta de restul
culorilor din site● Dupa ce se apasa butonul de adauga in cos,
utilizatorul este trimis in pagina de cos● Info stoc – pozitionare aproape de butonul de adauga in cos● Descrierea produsului si atributele sunt afisate in zona X● Semnalizare oferta/promotie● Variatiuni culoare / marime● Numar telefon + chat online● Produse similare/recomandate/comandate de alti clienti● Reviews/intrebari● Producatorul are link spre pagina lui
Pagina de produs (cont)
![Page 23: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/23.jpg)
Cosul de cumparaturi● Butonul de finalizare comanda trebuie sa aiba aceeasi culoare
ca si butonul de adauga in cos● Este pozitionat in partea dreapta a paginii
● Butonul de continua cumparaturile are o culoare mai putin vizibila● Este pozitionat in partea stanga a paginii, departe de butonul
de finalizeaza comanda● Campul pentru cuponul de reducere este pozitionat in zona X
● Evidentiere reducere odata de cuponul a fost introdus● Costul de transport este afisat in cos
● Evidentiere transport gratuit● E nevoie de selectarea orasului pentru calcularea costului?
● Upsell / produse recomandate
![Page 24: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/24.jpg)
● Design-ul e simplificat, dispar meniurile si apar elemente pentru cresterea increderii● Numar telefon evidentiat / Badge Trusted.ro / Conditii retur
● One page checkout sau multi page?● La pasul 1 se afiseaza formular de login si formular de cont nou
● Formularul de cont nou contine campurile X, Y, Z● Campurile X si Y sunt obligatorii, Z e optional● E nevoie sau nu de parola?● CUM SE AFIŞEAZĂ ERORILE ÎN FORMULARE?
● La pasul 2 se afiseaza metodele de plata si de livrare● GA ecommerce tracking
Procesul de checkout
![Page 25: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/25.jpg)
● Daca nu exista rezultate ce se afiseaza?
● Dupa ce criterii se face cautarea? Atributele se iau in calcul?
● Sugestii cautari alternative
Cautare
![Page 26: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/26.jpg)
● istoric comenzi
● download facturi
● modificare parola
Cont client
![Page 27: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/27.jpg)
Alte lucruri
● Wishlist
● Prelaunch
● Pagina 404
● Pagini statice / CMS
● Integrare butoane social media
● Anunta-ma cand apare pe stoc
● Anunta-ma cand scade pretul
● Newsletter
● Integrare 3rd party
● Modalitati de inscriere
● Overlay + voucher
● Din checkout
● Design template
![Page 28: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/28.jpg)
Backend
![Page 29: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/29.jpg)
● Produse● Tva● Import / export
●Am nevoie sa import stocul in fiecare zi● Preluare feed-uri de la furnizori● Dimensiuni poze
● Categorii● URL● Title tag, description
● Atribute● Filtre
Catalog
![Page 30: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/30.jpg)
● Banners● Timpul de rotatie● Limitare in timp● Sortare usoara
● Vouchers● Procent sau suma fixa?● Limitare in timp● Limitare numar de folosiri● Limitare pt un grup de produse● Limitare cumparaturi minime in valoare de X lei
● Preturi reduse● Limitare in timp● Limitare pt un grup de produse
● Cross sell / upsell● Mail pt review - postsales● Comparatoare de preturi
Marketing
![Page 31: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/31.jpg)
● Flux procesare
● O comanda poate trece din starea „Comanda noua” in „Comanda livrata” doar in momentul in care se creeaza factura
● Editare comenzi
● Adaugare vouchere
● Facturare
● Tva multiplu
● Design factura
● Awb curier
● Daca se face plata online, awb-ul sa fie fara ramburs
● Retur produse
Comenzi
![Page 32: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/32.jpg)
● Email templates
● Se poate modifica usor email-ul de confirmarea comenzii
● Module plata
● Se pot activa/dezactiva usor metodele
● Module transport
● Se pot schimba usor costurile de transport
Management module
![Page 33: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/33.jpg)
● Acces utilizatori
● Gestiune stocuri
● Statistici
● Instalare
● Gazduire
● Gazduirea se face in Romania / in strainatate pe server dedicat cu IP unic / shared hosting
● Mentenanta
● Furnizorul se obliga sa ofere sa repare orice eroare in termende X zile
Alte lucruri
![Page 34: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/34.jpg)
„Assumption is the mother of all fuckups”
![Page 35: Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012](https://reader031.vdocuments.net/reader031/viewer/2022012311/555a00ebd8b42aa8098b4e6c/html5/thumbnails/35.jpg)
Multumesc,
Mihai Breharhttp://www.mihaibrehar.ro/blog/
@mihaibrehar