Fruity — Жимс захиалгын апп

Жимс, жүүс, смүүти захиалах мобайл аппын UI/UX загвар. Долоон үндсэн дэлгэцээр нэвтрэх, апптай танилцах, бүтээгдэхүүн хайж сонгох, дэлгэрэнгүй мэдээлэл үзэх, сагслах, хадгалах үйлдлүүдийг холбосон.

Анхны нэвтрэлтээс захиалга хүртэл

Хэрэглэгчийн урсгал нэвтрэх болон хоёр танилцуулгын дэлгэцээс эхэлнэ. Нүүр хуудасны хайлт, ангилал, бүтээгдэхүүний картууд нь сонголт хийхэд чиглэнэ. Дэлгэрэнгүй мэдээллээс сагс руу шилжиж, тоо хэмжээ, үнийн нийлбэрээ харах бүтэцтэй. Хадгалсан бүтээгдэхүүнээ тусдаа хэсгээс дахин олно.

Дулаан өнгө, нэгдсэн дүр төрх

Крем суурь, цитрусын шар тодотгол, жимсний зураг, дугуйрсан цагаан картууд дэлгэцүүдийг нэг төрхтэй болгоно. Гол үйлдлүүдийг хар товчоор ялгаж, үндсэн хэсгүүд рүү шилжих доод цэсийг тогтмол байрлуулсан.

Нэг төслийн арван нэгэн дүрслэл

Хэрэглэгчийн урсгалын нэг самбар, интерфэйсийн долоон дэлгэц, төхөөрөмж дээрх гурван mockup-ийг нэг төсөлд багтаав. UI/UX дизайн: О. Алтанбагана. Төхөөрөмжийн mockup орчин: Mockuuups Studio.

UI/UX дизайн, дэлгэцийн зохиомж, хэрэглэгчийн урсгалын танилцуулга · 11 бүтээл
Нэвтрэх, танилцах, нүүр, бүтээгдэхүүний дэлгэрэнгүй, сагс, хадгалсан бүтээгдэхүүний дэлгэцүүдийг холбосон Fruity-ийн хэрэглэгчийн урсгал.
Аппын хэрэглэгчийн урсгал — долоон үндсэн дэлгэц
Fruity лого, утасны дугаар, нууц үгийн талбар, нэвтрэх болон бүртгүүлэх холбоостой дэлгэц.
Нэвтрэх — брэндтэй анх танилцах нь
Улбар шар жимсний том дүрслэл, танилцуулах бичвэр, үргэлжлүүлэх хар товчтой onboarding дэлгэц.
Танилцуулга 01 — амт, чанарын дүрслэл
Бөөрөлзгөнө, нэрсний зурагтай давхарласан карт, шар өнгийн градиент, үргэлжлүүлэх товчтой дэлгэц.
Танилцуулга 02 — бүтээгдэхүүний картууд
Хайлт, өдрийн онцлох баннер, жимс смүүти жүүс багцын ангилал, бүтээгдэхүүний картуудтай Fruity нүүр хуудас.
Нүүр — хайлт, ангилал, бүтээгдэхүүн
Хан боргоцойн том зураг, үнэ, үнэлгээ, мэдээллийн карт, сагсанд нэмэх товчтой бүтээгдэхүүний дэлгэрэнгүй дэлгэц.
Бүтээгдэхүүний дэлгэрэнгүй — мэдээллээс сонголт руу
Сонгосон гурван бүтээгдэхүүн, тоо хэмжээний удирдлага, үнийн нийлбэр, захиалга баталгаажуулах товчтой сагсны дэлгэц.
Сагс — сонголт, тоо хэмжээ, захиалга
Жимсний зураг, үнэ, үнэлгээ, хадгалах болон сагсанд нэмэх үйлдэлтэй бүтээгдэхүүний жагсаалт.
Хадгалсан бүтээгдэхүүн — дахин олох, сагслах
Ягаан дугуй ширээн дээрх улбар шар утсанд байрлуулсан Fruity нэвтрэх дэлгэцийн mockup.
Нэвтрэх дэлгэцийн mockup · Mockuuups Studio
Цэнхэр хананы өмнө гартаа барьсан утсанд байрлуулсан Fruity нүүр хуудасны mockup.
Нүүр хуудасны mockup · Mockuuups Studio
Кофе, тэмдэглэлийн дэвтэртэй тавиур дээрх утсанд байрлуулсан Fruity сагсны дэлгэцийн mockup.
Сагсны дэлгэцийн mockup · Mockuuups Studio