Suqi - Product Design by Abu Turab AsimSuqi - Product Design by Abu Turab Asim

Suqi - Product Design

Abu Turab Asim

Abu Turab Asim

Suqi is a grocery app and website for Middle Eastern food shopping. It sells everyday specialty ingredients alongside pre-packed bundles that let people reorder their usual basket in one tap. Visiata handled the full design for mobile and web over eight weeks.
Deliverables - Web application and mobile application
Suqi — Ethnic Grocery Delivery App & Web Platform (Mobile + Web Application, 2021–2022)
Suqi wanted to build the biggest Middle Eastern grocery store online. Plenty of platforms already serve general grocery shopping — Whole Foods, Instacart, and the rest — but none of them are built for someone whose weekly shop is centered on Middle Eastern cooking. That was the gap. Suqi is for diaspora shoppers and anyone cooking that food seriously, and it works by pulling stock from local stores rather than shipping things across the world.
The tricky part of specialty grocery is that nothing is in one place. People end up checking three or four stores. Ingredient names change depending on where you're from. And once a catalog gets big, finding anything becomes a chore. So the design work was mostly about making a deep catalog feel navigable, and making the second order easier than the first.
Bundles. This is the piece that sets Suqi apart. Instead of rebuilding the same basket every week, you buy a bundle — breakfast, vegetables, pantry basics — as a single item. We gave Bundles its own tab next to Products rather than burying it as a filter, because it's the fastest route to checkout for anyone shopping regularly, and it gives the business something to merchandise around that the big grocery apps don't really have.
How we worked. Five phases: product requirements, research and strategy, wireframing, moodboard, then UI. Eight weeks start to finish. We mapped the flows first — picking a location, switching stores, browsing categories, signing up, checking out, reordering — before designing a single screen, so the structure held up once real content went in.
What we built:
A mobile app with browsing split between Products and Bundles, filtering by category and cuisine, featured and new-arrival sections, product pages, cart, checkout with tipping, and order tracking.
Suqi Pass, a paid membership with free delivery, cash back, reward points, referrals, and a spin-the-wheel game — all aimed at getting people to come back.
A responsive website that syncs with the app, with horizontal tag scrolling, more detail on the homepage, and similar-product suggestions on product pages for subscriptions and bundle buying.
A full design system so everything stays consistent as the catalog grows.
Typeface is Agrandir (Grand Light through Grand Heavy). Colors are Light Blue #43A6C6, Dark Grayish #393B3F, and Light Coral #FF8080, each with a tint range.
We delivered flows, wireframes, final UI, and documentation ready for the dev team.
Outcome. A cohesive, cross-platform ecommerce product — flows, wireframes, high-fidelity UI, and a documented design system — delivered in 8 weeks and ready for engineering handoff.
Like this project

Posted Sep 12, 2023

Suqi is agrocery app and website with specialty ingredients and one-tap reorder bundles. Visiata designed the full mobile and web experience