VGA Softwares

Bo Dinarبودينار

Bodinar is a shopping app for families: a wide catalogue of everyday products at accessible prices, browsable by department with delivery to the customer's area.

Product
Bodinar — بودينار
Sector
Retail & E-commerce
Services
iOS & Android
Year
2025
Bodinar

Services

  • UI/UX Design
  • Mobile Development
  • Design System
  • QA & Delivery

About the Product

Bodinar is a family shopping app built to make shopping easy and enjoyable, carrying a broad range of useful products at accessible prices. The listing is published and operated by its owner, Dinar Master Company.

The Solution

We built the storefront around fast browsing: a departments grid, featured product rails, search with delivery-area selection, cart and account — an Arabic-first interface that keeps a large catalogue quick to move through on a phone.

What the product had to solve

A general retail catalogue gets deep fast. The product had to keep departments shallow enough to browse in a few taps, present prices and offers clearly, and stay comfortable in Arabic throughout, where most of the catalogue is written.

Technologies we use

  • Tailwind CSS

    Utility-first CSS

  • Firebase

    Real-time backend

  • TypeScript

    Typed JavaScript

  • Node.js

    Scalable network

  • React.js

    Declarative UI library

  • Figma

    Collaborative design

  • Next.js

    Server-rendered

Crafting thoughtful design solutions that drive real impact

We believe great digital products are built at the intersection of strategy, usability, and aesthetics. For this project, we focused on creating a design system that feels structured yet flexible—supporting both immediate functionality and future expansion.

From interaction flows to visual hierarchy, every design decision was guided by real user needs and long-term product vision. The result is a product that feels intuitive, reliable, and purpose-built for the people who use it every day.

Our process included

  • Deep stakeholder collaboration
  • Clear UX strategy and wireframing
  • Iterative design validation
  • Consistent visual language across modules
  • Developer handoff and QA

Delivering a scalable and user-friendly solution

The final solution is a robust digital product that enables efficient, confident everyday use while maintaining a clean and approachable experience.

Outcome highlights

  • Deep stakeholder collaboration
  • Clear UX strategy and wireframing
  • Iterative design validation

Have a Project in Mind?

We are building productsWe are building productsWe are building productsWe are building products