E-SHOP PROJECT
www.zalle.ro
Page 2 of 19
SECȚIUNEA A.
Design
In realizarea designului se tine cont de identitatea vizuala a brandului beneficiarului, de
ultimele tendinte la nivel de UX (User eXpirience) si UI (User Interface), de tenditele
actuale in ceea ce priveste modul de prezentare al produselor pe specificul industriei
clientului, etc;
Design-ul si functionalitatile site-ului sunt create strict pe cerintele beneficiarului avand
in minte obiectivele urmarite;
Se tine cont de tipologia clientilor carora se adreseaza site-ul, atat noi, cat si recurenti;
Interfata de administrare
Creata personalizat tinand cont de paginile din site si de functionalitatile aditionale ale
platformei de administrare;
Framework-ul folosit – Laravel - (libraria de functii bazata pe PHP) este unul versatil,
flexibil, cu o larga comunitate de programatori care pot coda in acest limbaj, pentru a
asigura atat o buna continuitate pe viitor a proiectului (implementarea de
module/functionalitati aditionale), dar si eliminarea disfunctionalitatilor de
indisponibilitate a resurselor umane necesare unor eventuale dezvoltari ulterioare; nu
limitam tehnologia la un numar restrans de utilizatori, ci folosim ceea ce comunitatea de
programatori apreciaza ca fiind unul dintre cele mai performante framework-uri
existente la ora actuala;
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 3 of 19
Codul sursa este implicit realizat avand in vedere optimizarea facila pentru motoarele de
cautare si pentru promovarea uterioara a siteului folosind canale de promovare specifice
precum Google AdWords; se va tine cont de standardele in domeniu in ceea ce priveste
bunele practici SEO si politicile AdWords, cod valid W3C.
Varianta de desktop
Design adaptiv in functie de rezolutia monitorului de pe care este vizualizat site-ul
Varianta de tableta
Valabil atat pentru browsere disponibile pe terminale iOS cat si Android (si nu numai)
Design adaptiv atat pentru varianta portret cat si pentru varianta landscape – site-ul este
structurat de la inceput avand in vedere ambele ipostaze;
Varianta mobil
Creata personalizat, cu o adaptare specifica din varianta de tableta
functionabila inclusiv pentru ultimele variante de browsere aflate pe dispozitive mobile
iOS si Android
Design adaptiv atat pentru varianta portret cat si pentru varianta landscape
A. Pagini site
1. ACASA
2. CATEGORII PRODUSE
3. DESPRE NOI
4. BLOG
5. CONTACTATI-NE
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 4 of 19
6. CHAT INTERACTIV
7. CONT CLIENT
A. Persoana fizica
B. Persoana juridica
7.1. Setarile contului
7.1.1. Date personale
7.1.2. Adrese de livrare
7.1.3. Schimbare parola
7.1.4. Date firma
7.1.5. Dezabonare
7.2. Lista de preferinte
7.3. Istoric cumparaturi
7.4. Voucherele mele
7.5. Client membru
8. LOGARE
8.1. Client nou / Inregistrare
8.2. Autentificare / Log in
8.3. Am uitat parola
8.4. Deconectare / Log-out
9. SECTIUNE COS
9.1. Listare produse aflate in coș
9.2. Detalii livrare comandă
9.3. Date de facturare:
Persoana fizică
Persoană juridică
Adaugă firmă nouă
9.4. Modaliați de livrare
9.5. Metodalități de plată
Paypal
Online cu card bancar
9.6. Observații suplimentare care tin de comanda
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 5 of 19
1. ACASA / HOME
a. Header:
Selectie limba: Romana, Engleza
Meniu principal de navigare in site
Sectiune pentru logare pe site
Sectiune pentru Cos
Sectiune pentru Lista de preferinte
Sectiune cautare in site
b. Continut pagina
Slider imagini :
Se va utiliza pentru accentuare/promovare produse aflate in promotii, imagini de
ambianta, imagini create in design.
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 6 of 19
Scopul silderului este de a anunta vizitatorii cu promotii, oferte, lansari, produse noi,
evenimente speciale
C. Footer:
Social media: iconuri stilizate cu link catre paginile clientului, acestea pot fi schimbate de catre
client din sectiunea de admin
Facebook
Pinterest
Instagram
Google+
2. CATEGORII PRODUSE
Caseta categorie:
Nume categorie
Imagine reprezentativa
Ordonare
Afisare pubilca/ privata
Se pot adauga un numar nelimitat de categorii
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 7 of 19
1. Detaliu Produs
Functionalitati front / design si CSS & HTML
1. Nume produs
2. Imagine reprezentativa
3. Galerie foto
4. Pret intreg / redus
5. Cantitate
6. Status :
a. stoc suficient
b. stoc limitat
c. lipsa stoc
d. acestea sunt afisate tinand cont de stocul existent trecut la cantitate
7. Notificare cand produsul devine disponibil
8. Caseta de discount(daca este la oferta)
9. Specificatii
10. Rating
Numar de stele care sunt atribuite
Numarul de stele maxim care poate fi acordat de catre un vizitator/ client este 5, iar
vizitatorii il pot oferi doar daca sunt logati pe site
11. Livrare si plata: caseta text, cu limitare de cuvinte la afisare
12. Cum comand: caseta text, cu limitare de cuvinte la afisare
13. Produse recomandate:
Carusel cu produse din aceeasi gama
Carusel in care pot aparea un numar nelimitat de produse (recomandarea este ca
acest numar sa fie de 7-10 produse)
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 8 of 19
2. Oferte
Pagina in care vor aparea doar produsele aflate la oferta. Chiar daca acest lucru se poate vedea si
din listarea de produse, faptul ca exista o pagina in meniu cu oferte il ajuta pe client sa ajunga la ele
pentru a face o numita filtrare pentru aceasta
Aceasta pagina se poate realiza ca atunci cand nu sunt oferte pe acest brand de produse sa nu
apara in meniu.
1. CONTACTATI-NE
Formular de contact
Nume și prenume
Telefon
E-mail
Subiect mesaj
Casetă mesaj
Captcha
Câmpurile obligatorii sunt: nume și prenume, e-mail, mesaj, capcha
Avertizări formular contact:
Câmpuri obligatorii necompletate
E-mail invalid (nu este in format email@domeniu.extensie)
Captcha invalid
(opțional, dacă este cazul): acord Termeni și condiții
Confirmare trimitere mesaj: Mesaj trimis cu succes
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 9 of 19
2. CHAT INTERACTIV
Se va implementa o solutie de chat interactiv ce are la baza o serie de beneficii, cum ar fi:
a) interactiunea cu clientii - construim o voce brandului pe care il promovam, si cream relatii mai
personale cu clientii discutand cu ei direct prin intermediului unui chat live;
b) crestem procentul de conversiune al vanzarilor - crestem probabilitatea de cumparare prin
crearea unei interactiuni si a unei implicari directe printr-un chat proactiv, care sa ajunga direct la
clientul final;
c) oferim servicii personalizate - clientii au fiecare personalitatea sa; putem individualiza feedback-
ul prin instrumente analitice avansate pentru a crea experiente de utilizare pentru fiecare segment
in parte;
Solutia tehnica propusa este www.zopim.com, ce va permite suportul tehnic live, in cursul
intervalului de lucru, si un feedback automat in afara orelor de program. Operatorii pot gestiona
discutii multiple simultan, astfel incat timpul de asteptare se reduce pentru a oferi o experienta de
utilizare cat mai placuta fiecarui client in parte. Solutia permite operatorilor sa utilizeze o interfata
web de pe orice laptop/PC conectat la internet, si in acelasi timp o aplicatie mobila ce se poate
instala pe smartphone-uri si tablete iOS si Android.
Aceasta solutie este o aplicatie terta parte, care are o varianta de utilizare gratuita si o alta in baza
unui abonament. Costul abonamentului pentru varianta premium este separata de bugetul
proiectului.
3. CONT CLIENT
Sectiunea de cont va contine detaliile de identificare ale fiecarui client in parte, cu referire la datele
de contact si posibilitatea de a modifica o serie de preferinte per cont;
8.1. Setarile contului
8.1.1. Date personale
Nume, prenume
CNP
Telefon
Email
8.1.2. Adrese de livrare
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 10 of 19
Adresă livrare
Adaugă adresă nouă
8.1.3. Schimbare parola
8.1.4. Date firma
Editeaza datele firmei
a. Numele firmei
b. Telefon
c. Cont bancă
d. CUI
e. Cod IBAN
f. Sediul social
Adaugă firmă nouă
8.1.5. Dezabonare
Daca clientul doreste sa nu mai primeasca stiri, noutati, reduceri prin abonarea la newsletter
acesta intra in pagina de dezabonare de unde poate lasa un mesa cu motivele dezabonarii si
prin trimiterea administratorul site-ului este informat in legatura cu dezabonarea.
Admin
Toate comenzile realizate de un client sunt pastrate in istoric cumparaturi
Clientul poate vedea aici o listare cu toate comenzile facute, ordonate descrescator in functie
de data realizarii comenzii
La click pe comanda pot vedea detaliile comenzii realizate
Front
Zona de afisare a istoricului comenzilor efectuate din contul utilizatorului;
In sectiunea de listare a comenzilor deja efectuate, se va implementa optiunea de retrimitere
comanda , trimite produsele in cos / lista de preferinte ;
9. LOGARE
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 11 of 19
Avertizări:
Câmpuri obligatorii necompletate
E-mail/ ID /username /parolă incorecte
9.3. Deconectare / Log-out
Clientul in momentul in care doreste sa iasa de pe site/ datele lui sa nu mai feiInchide
sesiunea de autentificare in cont client;
Un utilizator autentificat are posibilitatea de a inchide sesiunea curenta, astfel acesta iese
din contul sau client iar datele sale (istoric cumparaturi, nivel de discount, date personale)
pot fi accesate doar cu o noua autentificare. In acest fel se pastreaza confidentialitatea
datelor fiecaruia.
Parolă nouă
Câmp - parola nouă
Câmp – confirmare parola nouă
Buton SALVEAZĂ
Avertizări/confirmări:
confirmare PAROLĂ NOUĂ SALVATĂ
avertizare date incorecte:
o parolele nu corespund
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 12 of 19
Sectiune care va contine in general text, dar si posibilitatea de a incarca imagini din editor.
Aceasta sectiune are scopul de a informa si indruma cumparatorul in utilizarea aplicatiei,
pentru cazurile in care un utilizator are nevoie de mai multe informatii despre procesul de
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 13 of 19
achizitie de pe site, structurat pe categorii distincte; in acest mod se pot obtine economii de
timp in ceea ce priveste suportul telefonic pentru client si eficientizarea intr-un mod
automatizat al procesului de comanda.
Aceasta sectiune este relevanta in special pentru beneficiarul aplicatiei, pentru ca astfel va
putea economisi timp pretios in gestionarea intrebarilor din partea clientilor, iar pentru
vizitator/client poate fi o sursa de informare importanta, disponibila 24/24, 7/7, 365/365;
Aceasta zona de continut va fi actualizata pe masura ce se vor genera intrebari si situatii noi.
Sectiune care va contine in general text, dar si posibilitatea de a incarca imagini din editor,
structurata pe categorii de informatii. In aceasta sectiune se va detalia vizitatorului care sunt
conditiile de utilizare a aplicatiei, ce se intampla cu datele procesate de catre aplicatie si cum poate
avea control asupra acestora.
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 14 of 19
Sectiune care va cuprinde o zona de text. Se vor detalia termenii si conditiile de utilizare a site-
ului.
Aceasta sectiune va fi generata dynamic de catre un script care va cauta (interoga) serverul
dupa o serie de expresii cheie pe care utilizatorul le introduce intr-un camp de cautare; se va
afisa o lista de rezultate relevante care cuprinde termenul / termenii de cautare utilizat.
Din punct de vedere grafic, sectiunea va fi personalizata pentru a usura navigarea si a intelege
dintr-o privire structura de continut a site-ului (a zonei disponibile in mod public);
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 15 of 19
Aditional acestei harti vizibile publicului, se va genera o harta in format XML pentru robotii de
cautare care indexeaza continutului aplicatiei / website-ului;
15. NEWSLETTER
Acesta va fi implementat folosind mailchimp.com,
se poate creea în admin o secțiune de newsletter în care să apară numele persoanei
abonate și adresa de e-mail, listă care poate fi exportată într-un format CSV (comma-
separated values)
Câmpurile din pop-ul de newsletter conțin:
o nume și prenume
o email
o acestea sunt câmpuri obligatorii
după trimiterea înregistrării apar următoarele pop-uri:
o mesaj de avertizare dacă nu sunt toate câmpurile completate sau dacă adresa de e-
mail nu este validă
o un mesaj de mulțumire/ confirmare trimitere
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 16 of 19
3. EVIDENTA STOCURI
Aceasta functionalitate din interfata de administrare va permite administratorului site-ului sa
gestioneze stocurile de produse si sa efectueze operatiuni pe acestea (modificare cantitati,
stergere, adaugare)
4. EVIDENTA CLIENTI
Aceasta functionalitate permite administratorului site-ului sa vizualizeze o lista a tuturor clientilor
site-ului, cu posibilitatea de a vizualiza datele de contact ale acestora si istoricul de comenzi
efectuate.
5. SETARI ADMINISTRATIVE
Setarile administrative ale site-ului permit administratorului sa configureze / editeze adresele de
email aferente fiecarui formular din site (exemplu: contact, cerere de oferta, etc), linkurile pentru
conturile aferente retelelor sociale (spre exemplu: Facebook, Google+, Pinterest, Foursquare, etc)
si alte configurari cu caracter administrativ (spre exemplu: cod de tracking analytics)
6. CREARE UTILIZATORI
Aceasta functionalitate va permite administratorului – super-admin – sa aiba posibilitatea de a crea
pentru proprii angajati conturi de acces in interfata de administrare, cu niveluri de acces
personalizate. (spre exemplu: un anumit utilizator are acces doar la partea de management
comenzi, un altul la introducerea/managementul produselor)
SECȚIUNEA C.
Amendamente
Site-urile vor fi administrabile, vor avea un un panou de administrare de unde se vor putea gestiona
conţinutul paginilor: conţinut text, imagini, video, produse, categorii, stocuri, fisiere PDF;
Acceptarea layout-ului de design pentru paginile din site se va face progresiv, odată cu finalizarea
lor; (a fiecarei pagini sau grupuri de pagini) – termenul de feedback pentru acestea, pentru a se
respecta termenele de executie, nu trebuie să depăşească 12-16h lucratoare (~ 2 zile lucrătoare);
fiecare zi de intarziere peste acest termen va prelungi termenul de finalizare a aplicatiei;
În situaţia in care site-ul are o interfaţă în mai multe limbi, traducerile pentru câmpurile principale
din site vor fi furnizate / traduse în limbile respective (de către benefifciar) înainte de începerea
designului sau cel târziu in etapa de inceput al acestuia.
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 17 of 19
Odată acceptate paginile în etapa design, ele vor fi implementate în cod CSS/HTML (front-end) iar
modificările de funcționalitate și design ulterioare programării lor se plătesc suplimentar (dacă se
acceptă un model de pagină și după implementarea lui se dorește schimbarea elementelor de
design sau de funcţionalități);
Site-ul va fi furnizat beneficiarului pentru testare cu conținutul din design, iar conținutul integral va
fi încărcat de către client, cu suport/training din partea prestatorului. Dacă se dorește încărcarea
conţinutului de către prestator, se va oferi o cotaţie de preț în funcție de mărimea acestuia.
În toate paginile se vor implementa câmpuri de SEO (Search Engine Optimization) – (meta) titlu,
descriere, keywords. Se va integra Google Analytics - serviciu oferit de Google (varianta gratuită)
care va genera statistici detaliate despre trafic, comportamentul vizitatorilor site-ului şi alţi
indicatori. Astfel, prin monitorizarea permanenta cu Google Analytics, beneficiarul va avea acces la
situaţii și statistici în timp real asupra vizitatorilor, pentru a putea lua decizii de marketing susţinute
de cifre exacte, având astfel o imagine concretă a activităţii și comportamentului acestora.
Orice inadvertenţă legată de erori sau funcționalitați care apar în următoarele 4 săptămâni de la
predarea proiectului, vor fi realizate de prestator fără nici un cost suplimentar; ulterior dacă este
necesar, se poate realiza un contract de mentenanță (acesta poate conține modificări la site,
adăugare de conținut, alte funcţionalităţi, etc. - în limita orelor stabilite).
SECȚIUNEA D.
Tehnologii folosite
Utilizăm HTML5, CSS3, PHP 5 (ceea ce inseamna ca aplicatia dumneavoastra va fi „motorizată” de
cele mai performante tehnologii, pentru a „rula” în parametri optimi un timp îndelungat, asigurând
un cost cât mai eficient în timp;
Folosim JavaScript (Jquery, Ajax), baze de date MySQL (site-ul va fi interactiv), sustinut de un
sistem (ce utilizează baze de date) care va permite înregistrări multiple de informaţii, la care veţi
avea acces în timp real, și care vor putea fi ajustate/editate în mod facil prin intermediul unui
sistem de administrare;
Vom implementa aplicațiile pe servere avand sistem de operare Linux /Apache (ceea ce înseamnă
că nu veţi plăti suplimentar pentru licenţe costisitoare ale serverului (din suita Microsoft), deci veţi
beneficia de costuri reduse în timp);
Platforma pe care se dezvoltă aplicaţiile web este scalabilă (MVC, Laravel) și va permite modularea
funcţionalităţilor și adăugarea altora noi, plecând de la o structură deja existentă (ceea ce înseamnă
că adăugarea unor noi opţiuni se va putea face în codiții optime de cost și timp de executie, fără a
relua crearea de la zero a întregii aplicaţii); utilizarea framework-ului Laravel – unul dintre cele mai
populare si frecvent utilizate de programatori, va permite o flexibilitate pentru beneficiar in ceea ce
priveste posibilitatile de extindere a aplicatiei;
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 18 of 19
Codul sursă va respecta standardele W3C (World Wide Web Consortium), optimised ready, ceea ce
înseamnă că Google va „vedea” o aplicatie bine realizată, și o va indexa corespunzator, iar
optimizarea în motoarele de căutare (SEO) va fi realizată mai facil, și la costuri eficiente;
SECȚIUNEA E.
Etape parcurse in realizarea proiectului:
1. Analiza site-urilor de același gen pentru a urmări trendul, “concurența”, funcționalități,
informații, relevanța conținutului, aspecte ce țin de usability, user experience;
3. După realizarea și confirmarea designului în varianta finală, se implementează codul CSS &
HTML;
4. După finalizarea implementării front-end (dar și în procesul de realizare a acestuia), codul este
verificat (testare pixel perfect) pentru a corespunde în totalitate cu designul agreat;
În urma finalizării acestor 6 etape, proiectul va fi furnizat beneficiarului pentru testare pe un link de
verificare si testare pe serverul furnizorului; după acceptul acestuia și confirmarea plății finale, este
urcat pe serverul acestuia (beneficiarului).
Urcarea site-ului pe server va fi realizată de către furnizor, fără nici un cost dacă hostingul este ținut
pe un server la care avem acces cPanel și phpMyAdmin; pentru alte sisteme de management server
precum Plesk ori servere fără sistem de operare, sau în lipsa tuturor datelor necesare, se va crea un
deviz separat pentru upload-ul și instalarea site-ului (optim este un server Linux Apache, cu PHP
5.3.x);
Pentru ajustări ulterioare, adiţional specificaţiilor de mai sus (dupa ce site-ul este finalizat) se poate
stabili punctual, la un cost care variază corespunzător cu task-urile aferente.
SECȚIUNEA F.
Propunere de buget / valoarea investitiei
Am evaluat timpul necesar dezvoltării site-ului astfel:
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153
Page 19 of 19
Valoarea investitiei:
Valoare minima 4.500 euro in functie de functionalitatile stabilite poate ajunge intr-o prima
varianta la 6.000 euro.
IDENTITATE
Realizare design logo
2 variante distincte, timp de realizare de la minim 3 zile pana la 5 zile lucratoare –
Valoare investitie: 700 – 1000 euro
Pentru crearea unei identitati complete atasez un document care sa prezinte mai in detaliu etapele
realizate, in urma unei discutii putem stabili materialele de marketing necesare dezvoltarii afacerii.
*Preturile sunt fara TVA, acestea se calculeaza in RON la cursul BNR din ziua facturarii.
Loredana Helgiu
Project Manager
mobile: +4 0745 325 153
Website www.zalle.ro
E-mail hello@zalle.net
Phone +4 0745 235 153