Visual Design✦ Graphic Design✦ Brand Identity✦ Typography✦ Illustration✦ Color Theory✦ Motion Design✦ 2D/3D Animation✦ After Effects✦ Lottie Animations✦ 3D Modeling & CGI✦ VFX✦ User Experience (UX)✦ User Interface (UI)✦ Interaction Design✦ Microinteractions✦ Design Systems✦ Wireframing✦ Prototyping✦ Usability Testing✦ Video Editing✦ Color Grading✦ Sound Syncing✦ Reel & Short Edits✦ Storyboarding✦ Responsive Design✦ Frontend Handoff✦ Animation to Code✦ Cross-Platform UI✦ Performance Debugging✦ Creative Direction✦ Client Servicing✦ Pitch Presentations✦ Brief Understanding✦ Team Collaboration✦ Project Management✦ Content Ideation✦ Reel Strategy✦ Social Media Design✦ Campaign Planning✦ Brand Storytelling✦

Patel Brothers – Grocery Shopping App

  • Type

    Mobile App UI/UX

  • Role

    UI/UX Designer
  • Duration

    1–2 Weeks
  • Tools

    Figma, Photoshop

Interactive Prototype

Project Description

Grocery e-commerce ke liye end-to-end mobile UI/UX: home discovery, category/PLP, product detail (PDP), cart, address & checkout. Focus: fast scanning layout, contrast-rich price blocks, sticky CTA aur clean information hierarchy.

Problem

Users ko grocery shopping mein jaldi decision chahiye hota hai—pricing clarity, offers visibility, size/variant selection aur checkout friction ko minimize karna.

Solution

Clear visual hierarchy with modular cards, prominent “Add to Cart”, coupon/offer blocks, variant pills, delivery pincode check, and step-wise checkout. Reusable components + grid ensured consistency; mobile first with accessible touch targets.

Impact

Improved scannability (list item card), faster add-to-cart flow, aur trust badges/price breakdown se conversion confidence badhi. Checkout steps aur address selection streamlined.

My Responsibilities

  • Design system: colors, type scale, spacing, elevation & card patterns.
  • Home discovery: brand rows, seasonal blocks, top offers & categories.
  • PLP cards: price, discount, size badge, quick add/qty stepper.
  • PDP: image gallery, offer widgets, feature bullets, delivery pincode.
  • Cart & Checkout: price breakdown, coupon state, address selection CTA.
  • Prototype in Figma with micro-interactions for flows & usability review.
Back to Portfolio