Site Cinema
Inspire Cinema
Proiectul „Inspire Cinema” a fost creat pentru a oferi utilizatorilor o experiență intuitivă și plăcută în navigarea și utilizarea serviciilor unui cinema. Designul UX și UI realizat în Figma de către echipa noastră asigură un flux de utilizare simplu și eficient, adaptat nevoilor clienților care doresc să facă rezervări, să-și gestioneze conturile și să acceseze informații despre filme și evenimente. Proiectul a fost realizat în colaborare cu firma de dezvoltare App Smart, care s-a ocupat de partea de dezvoltare, integrând designul nostru într-un site funcțional și performant.
Pagina principală
Pagina principală a site-ului „Inspire Cinema” este proiectată pentru a captiva utilizatorii imediat ce ajung pe site. Designul modern și atrăgător, evidențiază cele mai recente filme și evenimente printr-un slider dinamic și imagini de înaltă calitate. Secțiunea de „Avanpremieră” și „Premieră” permite utilizatorilor să descopere rapid noile lansări și filmele în trend.
Informațiile sunt prezentate într-un mod clar și accesibil, facilitând navigarea și oferind utilizatorilor o experiență plăcută. Utilizatorii pot cumpăra bilete sau afla mai multe detalii despre filme direct de pe pagina principală, cu ajutorul butoanelor intuitive „Cumpără bilete” și „Vezi mai mult”.
Această pagină principală nu doar că atrage vizitatorii cu un design vizual captivant, dar și simplifică accesul la informații esențiale și acțiuni rapide, îmbunătățind astfel experiența generală a utilizatorilor.
Pagină filme
Este proiectată pentru a oferi utilizatorilor o vizualizare completă și ușor de navigat a ofertelor cinematografice curente și viitoare. Organizarea clară și accesibilă a informațiilor facilitează căutarea și selecția filmelor.
Utilizatorii pot filtra filmele „În program” și „În curând” cu ajutorul butoanelor dedicate, permițându-le să descopere rapid filmele disponibile în diferite locații și la date specifice. Fiecare film este prezentat cu o imagine de copertă clară și detalii esențiale precum genul, durata și ratingul de vârstă, asigurând o experiență informativă și plăcută.
Funcționalitatea de filtrare și sortare permite utilizatorilor să găsească filmele preferate rapid, îmbunătățind astfel experiența de utilizare. Designul intuitiv și organizarea logică a paginii contribuie la o navigare simplă și eficientă, transformând căutarea filmelor într-un proces ușor și plăcut.
Pagină program
Oferă utilizatorilor informații clare și detaliate despre orele de difuzare ale filmelor în diverse locații. Utilizatorii pot selecta rapid locația dorită și data, având acces imediat la programul complet al filmelor disponibile.
Fiecare intrare în program listează orele de difuzare, titlul filmului, sala și un buton „Cumpără bilete” care permite rezervarea rapidă a locurilor. Pe partea dreaptă a paginii, detaliile suplimentare despre film, cum ar fi genul, durata și distribuția, sunt afișate pentru a oferi utilizatorilor toate informațiile necesare într-un singur loc.
Designul intuitiv și organizarea logică a paginii permit utilizatorilor să navigheze ușor și să găsească rapid informațiile de care au nevoie. Această abordare îmbunătățește experiența utilizatorilor, facilitând planificarea vizitelor la cinema și încurajând rezervările online.
Pagină film
Este proiectată pentru a oferi utilizatorilor toate informațiile necesare despre un film într-un format clar și atractiv. În partea superioară, utilizatorii pot viziona trailerul și citi o descriere captivantă a filmului.
Detaliile esențiale, precum regizorul, anul producției, distribuția, genul, data lansării, durata, nota IMDb și limba filmului, sunt organizate clar pentru acces rapid.
Butoanele „Cumpără bilete” și „Rezervă acum” permit utilizatorilor să acceseze rapid sistemul de rezervare și să își asigure locurile. Această pagină oferă o experiență informativă și atractivă, încurajând utilizatorii să rezerve bilete pentru filmele dorite.
Rezervare film
Flow-ul de rezervare pe site-ul „Inspire Cinema” este proiectat pentru a oferi utilizatorilor o experiență simplă și eficientă de la început până la finalizarea achiziției biletelor. Acesta constă în mai multe etape, fiecare ghidând utilizatorii prin procesul de selecție și achiziție a biletelor.
1. Selectează Cinema-ul: Utilizatorii încep prin alegerea locației cinema-ului dorit. O interfață clară și intuitivă permite selectarea rapidă dintre opțiunile disponibile.
2. Alege Data și Orele: Următoarea etapă implică selectarea datei și orei de vizionare. Utilizatorii pot alege cu ușurință dintr-o varietate de ore disponibile pentru ziua selectată, afișate într-un format ușor de citit.
3. Selectează Locurile: Utilizatorii pot vizualiza planul sălii și alege locurile dorite. Locurile disponibile, ocupate și selectate sunt clar marcate, facilitând o selecție rapidă și informată.
4. Alege Tipul Biletelor: După selectarea locurilor, utilizatorii pot alege tipurile de bilete (adult, copil, student, pensionar) și cantitatea pentru fiecare tip, având o vizualizare clară a costurilor totale.
5. Detalii Comandă și Plată: În etapa finală, utilizatorii introduc detaliile personale și finalizează achiziția printr-un proces de plată securizat. Sunt afișate detaliile complete ale comenzii pentru verificare înainte de plată.
Acest flow de rezervare bine structurat și intuitiv îmbunătățește semnificativ experiența utilizatorilor, facilitând achiziția rapidă și fără probleme a biletelor de cinema.
Înregistrare și cont
Autentificare
Pagina de autentificare este proiectată pentru a oferi utilizatorilor o modalitate rapidă și sigură de accesare a conturilor lor. Utilizatorii pot introduce email-ul și parola pentru a se autentifica, sau pot folosi opțiunile de autentificare prin Facebook și Google pentru un acces mai simplu și convenabil. Designul curat și intuitiv asigură o experiență de utilizare plăcută și eficientă.
Înregistrare
Pagina de înregistrare permite utilizatorilor să creeze un cont nou rapid și ușor. Formularul de înregistrare solicită informații de bază precum email, parolă, nume, prenume, telefon și localitate. Utilizatorii pot, de asemenea, să se înregistreze prin Facebook sau Google, facilitând procesul de creare a contului. Designul este clar și simplu, asigurând o experiență de utilizare fără probleme.
Detalii Cont
Pagina de detalii cont oferă utilizatorilor posibilitatea de a-și actualiza informațiile personale, precum nume, prenume, telefon și localitate. În această pagină, utilizatorii pot vedea și punctele de fidelitate acumulate și ultimele bonusuri, printr-un cod QR afișat. Interfața intuitivă și organizarea logică asigură o gestionare ușoară și eficientă a informațiilor personale.
Detalii Rezervări
Pagina de detalii rezervări permite utilizatorilor să vizualizeze și să gestioneze rezervările lor curente și anterioare. Fiecare rezervare este afișată cu detalii esențiale, precum numărul rezervării, tipul biletului, locația, sala, data și ora filmului. Designul clar și organizat facilitează urmărirea rezervărilor și asigură o experiență de utilizare plăcută și eficientă.
Experiența Mobilă
Experiența mobilă a site-ului „Inspire Cinema” este optimizată pentru a asigura o navigare ușoară și intuitivă pe toate dispozitivele mobile. Fiecare ecran, de la pagina principală la autentificare, înregistrare, detalii cont și rezervări, este proiectat pentru a oferi o interfață clară și accesibilă pe ecranele de dimensiuni mai mici. Designul responsive asigură că toate funcționalitățile sunt ușor de utilizat și informațiile sunt ușor de accesat, indiferent de dispozitiv. Această atenție la detalii garantează o experiență de utilizare excelentă și uniformă pentru toți utilizatorii, fie că accesează site-ul de pe desktop sau mobil.
O privire de ansamblu
Prin designul UX și UI realizat pentru site-ul „Inspire Cinema”, am oferit utilizatorilor o experiență intuitivă și plăcută. De la pagina principală atrăgătoare și până la secțiunile de autentificare și înregistrare, fiecare element este conceput pentru navigare simplă și acces rapid la informații și funcții esențiale.
Flow-ul de rezervare ghidat asigură un proces eficient pentru selectarea locurilor și achiziționarea biletelor, iar experiența mobilă optimizată garantează o utilizare plăcută pe toate dispozitivele. Aceste caracteristici fac din site-ul „Inspire Cinema” un exemplu ideal de design orientat spre utilizator.
