Proiectarea expirației comenzilor alimentare pentru cea mai mare rețea socială din Europa de Est.

Multe companii își aveau paginile în VK și își puteau oferi serviciile chiar din rețeaua socială. Deoarece nu existau aplicații de livrare a alimentelor, am creat rapid una pentru a oferi utilizatorilor VK o experiență mai bună de livrare a alimentelor.

Pe lângă funcțiile rețelei sociale, VK oferă o gamă largă de multimedia: muzică, emisiuni TV, jocuri etc.

Utilizatorii au putut viziona emisiuni, juca jocuri, discuta cu prietenii, precum și comanda mâncare și pot primi notificări despre starea comenzii chiar în VK. Cu acest proiect, am avut șansa de a implica noi utilizatori și concurenți generali pe noua platformă.

Fiecare aplicație VK este integrată prin iframe, așa că am decis să o facem ușoară fără să ne bazăm mult pe JS suplimentar. De asemenea, o făceam receptivă.

Intenția mea personală cu acest proiect a fost de a face o cercetare de proiectare pentru viitoarea reproiectare a site-ului Delivery Club. Am încercat să extind un sistem de design mobil adaptându-l la ecrane mai mari, bazându-mă pe componentele existente.

CUM AM PRIMI UTILIZATORI

Atât VK, cât și Delivery Club făceau parte din ecosistemul Mail.Ru, astfel încât obținerea de noi utilizatori a fost doar o chestiune de promovare în segmentele de utilizatori potrivite din VK. Restaurantul nostru partener ar putea obține propria versiune a aplicației doar cu meniul lor, astfel încât să putem obține utilizatori și din paginile lor.

Un flux tipic de utilizatori a fost: 1) Setați o adresă → 2) Alegeți un restaurant → 3) Alegeți articole → 4) Inspectați un coș → 5) Verificați → 6) Succes → 7) Obțineți notificarea privind starea comenzii.

1. SETAREA O ADRESĂ

În mod implicit, utilizatorii trebuie să introducă adresa, deoarece am presupus că lăsarea aplicației să își verifice geopoziția prin dialog nativ i-ar putea speria. De asemenea, au opțiunea de a alege adresa de pe hartă.

oleg

2. ALEGEȚI UN RESTAURANT

Lista restaurantelor a fost formată din algoritmi pe backend-ul produsului. În acest fel, utilizatorii au văzut mai întâi cele mai bune restaurante. Criteriile au fost evaluarea, timpul de livrare, rata de eșec etc.

3. PENTRU RESTAURAREA PAGINII ȘI ALEGERILOR

Aici, am folosit o fotografie mare a meselor restaurantului pentru a oferi utilizatorilor mai multe informații despre locul respectiv. Au fost disponibile și alte informații din versiunea aplicației mobile.

Pentru a naviga în meniu, utilizatorul ar putea să-l deruleze sau să atingă părțile sale specifice cu un index din partea stângă a listei. Utilizatorul ar putea adăuga mai multe articole în coș chiar din lista de meniuri sau poate deschide un coș de articole cu informații suplimentare și le poate adăuga de acolo.

4. INSPECȚIONAREA COȘULUI

Directorul de produs nu a dorit să îmbine coșul cu plata. I s-a părut prea riscant în acel moment. Astfel, am făcut față sarcinii adăugând coșul în partea laterală a ecranului, suprapunând conținutul.

Procedând astfel, am făcut ca clientul să curgă mai consecvent, deoarece nu le-am separat modelul mental de a forma o comandă prin două ecrane diferite. Utilizatorul ar putea forma și verifica coșul de cumpărături într-un singur context.

Aici, am copiat totul de la achiziția aplicației noastre mobile. Obiectivul meu principal a fost să-mi dau seama cum ar trebui să funcționeze totul pe formularele web ale produsului și ce dimensiuni ar trebui să folosim pentru a rămâne consecvenți pe toate platformele.

6. ECRANUL DE SUCCES ȘI NOTIFICĂRI

După plasarea unei comenzi, utilizatorul a primit un ecran de succes cu instrucțiuni. Există notificări chiar din interfața VK. Acest lucru este foarte util, mai ales dacă utilizatorul urmărea emisiuni în VK, de exemplu.

7. CREAREA DESIGNULUI

Aplicația ar putea fi deschisă și pe mobil. Astfel, totul a fost făcut receptiv, potrivind vechea paradigmă de 8 px.