Grafică și Programare pe Internet

Andrea Vlas, IE 3, semigrupa 3

Vizualizați site-ul la adresa: https://andreavlas97.wixsite.com/eathealthywithus

Proiectul creat în WIX se numește HealthyWithUs și reprezintă un site de vânzare a

legumelor crescute în seră și în grădină. Motivația creării acestui proiect vine din dorința de a
promova afacerea familiei, o afacere începută acum 12 ani în urmă. Prin intermediul site-ului,
oricine poate vizualiza produsele pe care le avem în vânzare, poate afla câteva informații
despre afacere și totodată ne poate lăsa un feedback sau să ne adreseze întrebări. Pe parcursul
acestei lucrări v-oi descrie modul de creare a acestui site, începând cu schema și inventarului
de conținut și atașarea pozelor cu paginile finale.

Laborator 1-2
În acest laborator am lucrat în aplicația Miro și am reprezentat structura site-ului printr-o
schemă. Așadar, site-ul va cuprinde 4 pagini și anume : Paginile Acasă, Cumpărături, Despre
noi și Contact. Totodată am realizat și inventarul de conținut, care redă succint ceea ce
conține fiecare pagină și un mooodboard.
 Laborator 3-4
Începând cu laboratorul trei, am trecut la crearea design-ului în Figma, prin crearea frame-
urilor, proprietăților,culorile și fondul de text pe care vreau să le folosesc. Am ales un verde ,
unul yellowGreen, pentru că mi s-a părut că s-ar potrivi perfect cu tema pe care am ales-o.
Am adăugat niște imagini care mi s-au părut reprezentative.Astfel paginile au ajuns să arate
în modul acesta: Pagina Acasă, este una destul de simplă și am început prin a crea o bară de
navigație care conține 3 butoane interactive de redirecționare către alte pagini din cadrul site-
ului.
Urmează pagina de Contact, care arată în modul acesta, urmând ca în josul paginii să mai
adaug și o hartă cu locația afacerii.

Pagina de Cumpărături arată astfel. Aici vor fi atașate imaginile a mai multor produse și
prețul acestora.
Mai jos este reprezentată pagina ,,Despre noi”, iar aici sunt câteva informații despre afacerea
familiei. Totodată am scris și rolul acestui magazin online pentru clienți, de a asigura calitatea
serviciilor și calității. Suntem dispuși să asigurăm oricărei persoane tot ce are nevoie și să
răspundem la orice întrebare.
 Laborator 5
Paginile sunt completate și design-ul este gata. Așadar, în acest mod am hotărât să arate site-
ul ce urmează să fie creat in WIX. Am ales această aplicație ca mediu de dezvoltare ,
deoarece îți permite să creezi site-uri avansate și să lucrezi repede, având acces la o mulțime
de imagini, figuri și sugestii.
Pe telefon, acest site este văzut în felul următor
Laborator 6
Spre final am testat cu ajutorul unui Color Contrast Checker raportul de contrast al culorilor
de fundal și text pentru accesibilitate și am primit acest rezultat.