SlideShare a Scribd company logo
1 of 35
Download to read offline
Caiet de sarcini
         pentru
realizarea unui magazin
         online



Mihai Brehar

     TeCOMM 2012
Consultant eCommerce
How the customer     How the project      How the analyst
  explained it     leader understood it     designed it
t




How the programmer    What the beta     How the business
      wrote it       testers received      consultant
                                          described it
How the project was   What operations   How the customer
   documented            installed         was billed
How it was   What marketing   What the customer
supported      advertised       really needed
Componentele
         proiectului
• Frontend
• Backend
• Newsletter
• Integrari 3rd party
• Hosting / securitate / backup
Cu ce începem?
Construirea unui
         site

• Continut

• Wireframe

• Homepage
Specificatii
●
    Functionale

●
    Non-functionale

    ●
        Ex: viteza, securitare, usurinta in
        folosire

    ●
        E nevoie de un criteriu de validare
Frontend
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?
Homepage (cont)
●
    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)
• 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)
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?
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
Pagina de produs
●
    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 (cont)
●
    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
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
Procesul de checkout
●
    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
Cautare
●
    Daca nu exista rezultate ce se afiseaza?
●
    Dupa ce criterii se face cautarea? Atributele se iau in calcul?
●
    Sugestii cautari alternative
Cont client

●
    istoric comenzi
●
    download facturi
●
    modificare parola
Alte lucruri


●
    Wishlist                              ●
                                              Newsletter
●
    Prelaunch                                 ●
                                                  Integrare 3rd party
●
    Pagina 404                                ●
                                                  Modalitati de inscriere
●
    Pagini statice / CMS                           ●
                                                       Overlay + voucher
●
    Integrare butoane social media                 ●
                                                       Din checkout
●
    Anunta-ma cand apare pe stoc              ●
                                                  Design template
●
    Anunta-ma cand scade pretul
Backend
Catalog
●
    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
Marketing
●
    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
Comenzi
●
    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
Management module
●
    Email templates
    ●
        Se poate modifica usor email-ul de confirmare
        a comenzii
●
    Module plata
    ●
        Se pot activa/dezactiva usor metodele
●
    Module transport
    ●
        Se pot schimba usor costurile de transport
Alte lucruri
●
    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 termen
        de X zile
„Assumption is the mother of all fuckups”
Multumesc,


 Mihai Brehar
http://www.mihaibrehar.ro/blog/

        @mihaibrehar

More Related Content

Featured

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Caiet de sarcini pentru realizarea unui magazin online - TeCOMM 2012

  • 1. Caiet de sarcini pentru realizarea unui magazin online Mihai Brehar TeCOMM 2012
  • 3. How the customer How the project How the analyst explained it leader understood it designed it
  • 4. t How the programmer What the beta How the business wrote it testers received consultant described it
  • 5. How the project was What operations How the customer documented installed was billed
  • 6. How it was What marketing What the customer supported advertised really needed
  • 7. Componentele proiectului • Frontend • Backend • Newsletter • Integrari 3rd party • Hosting / securitate / backup
  • 9. Construirea unui site • Continut • Wireframe • Homepage
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. Specificatii ● Functionale ● Non-functionale ● Ex: viteza, securitare, usurinta in folosire ● E nevoie de un criteriu de validare
  • 16. 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?
  • 17. Homepage (cont) ● 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.
  • 18. Homepage (cont) • 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)
  • 19. 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?
  • 20. 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
  • 21. Pagina de produs ● 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
  • 22. Pagina de produs (cont) ● 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
  • 23. 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
  • 24. Procesul de checkout ● 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
  • 25. Cautare ● Daca nu exista rezultate ce se afiseaza? ● Dupa ce criterii se face cautarea? Atributele se iau in calcul? ● Sugestii cautari alternative
  • 26. Cont client ● istoric comenzi ● download facturi ● modificare parola
  • 27. Alte lucruri ● Wishlist ● Newsletter ● Prelaunch ● Integrare 3rd party ● Pagina 404 ● Modalitati de inscriere ● Pagini statice / CMS ● Overlay + voucher ● Integrare butoane social media ● Din checkout ● Anunta-ma cand apare pe stoc ● Design template ● Anunta-ma cand scade pretul
  • 29. Catalog ● 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
  • 30. Marketing ● 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
  • 31. Comenzi ● 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
  • 32. Management module ● Email templates ● Se poate modifica usor email-ul de confirmare a comenzii ● Module plata ● Se pot activa/dezactiva usor metodele ● Module transport ● Se pot schimba usor costurile de transport
  • 33. Alte lucruri ● 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 termen de X zile
  • 34. „Assumption is the mother of all fuckups”