Anish S0ni

GrowwPay

Back to Work

GrowwPay

Visual design · Groww

Groww Pay home screen with the hero device

Groww Pay Visual Design

Overview

Payments, in the Groww family.

Visual design for Groww Pay (bills, recharges and UPI inside the Groww app): a palette, icons, a hero device and an intro animation.

01 — System

Brand

Groww Pay is a digital payment feature within the Groww app that allows users to pay bills, recharge phones and run UPI all without leaving the investing experience.

About

Style

Groww Pay's visual direction mirrors other Groww verticals: modern, futuristic isometric devices in a restrained palette, calibrated to feel like part of the same family.

Brand

Groww Pay is a digital payment feature within the Groww app that allows users to pay bills, recharge phones and run UPI all without leaving the investing experience.

Style

Groww Pay's visual direction mirrors other Groww verticals: modern, futuristic isometric devices in a restrained palette, calibrated to feel like part of the same family.

Colour palette and the isometric construction

Colour Palette

Construction

Realistic, isometric.

Colour Palette

Construction

Realistic, isometric.

02 — Intro animation

The Pay introduction animation

Pay introduction animation

Concept sketches for the Pay intro

Concept and idea

The intro animation built in After Effects
Pay home screen with the hero device

03 — Icons and screens

Pay icons: a car icon on its grid and the full set

Pay icons

Bills and recharges screens
Pay screens: all caught up, and the device opening