All work/Case 09 of 10/Brand + website · Proposed direction5 min read

Graposs Connect

A futuristic, concept-art direction for an EdTech brand.

Graposs Connect runs a family of education and technology products, including Shine, Naukri Connect and Eclara. I proposed a new direction for its website: a futuristic, abstract concept-art look with oversized type, motion and a bold visual identity. I led the redesign as the company’s designer; it’s a proposed direction and not live yet.

Role
UI/UX + brand designer
Scope
Homepage · 8 sections
Surface
Desktop + mobile
Status
Proposed direction
The proposed homepage.
CoverThe proposed homepage.
The short version
Challenge

The live website looked like a standard corporate template, with rounded type, white sections and stock photos. It didn’t reflect a company building products across education and technology.

Approach

A new visual language: abstract concept art and 3D objects, oversized editorial type over a visible grid, red as the only accent, and motion throughout. The content stays the same; only the presentation changes.

Outcome

A complete proposed website, with a homepage and eight sections designed for desktop and mobile, ready to present as a new brand direction.

1new visual direction
8sections designed
8products with their own showcase panels
2layouts: desktop and mobile
01 / Overview

A strong company with a forgettable website.

Graposs Connect has a real partner network and a family of products used across India, but the live site showed none of that and could have belonged to almost any company. This proposal asks what the same content looks like with a distinctive point of view.

02 / Visual direction

Futuristic, abstract, unmistakable.

The direction mixes abstract concept art and floating 3D objects with oversized editorial type over a visible technical grid. Red is the only accent colour, and monospace labels give the site an engineered, lab-like feel.

Oversized type over a technical grid.
Fig.Oversized type over a technical grid.
03 / Homepage in motion

A headline that moves.

“Connecting You to the Future” runs across the screen as a large marquee, and the product family (Shine, Easy Learn, The Second School, eClara, Naukri Connect) rotates on a carousel instead of sitting in a wall of logos.

The homepage in motion.
Fig.The homepage in motion.
04 / Sections

Every idea gets its own space.

The company’s advantages sit around a central capsule, each on its own card. Each of the eight products gets a full-width numbered panel with its logo, a real description and one button. About Us becomes a set of tabs with an animated pixel-art icon, and team cards flip to show a biography.

The Graposs advantage.
Fig.The Graposs advantage.
Products, one panel each.
Fig.Products, one panel each.
About Us as tabs, with an animated icon.
01About Us as tabs, with an animated icon.
Team cards that flip to show a biography.
02Team cards that flip to show a biography.
Partners, careers, press and the footer.
03Partners, careers, press and the footer.
01 / 03 · swipe or use arrows
05 / Mobile

The same direction, stacked.

Every section keeps its structure on phones, just stacked.

Home
01Home
Advantage
02Advantage
Products
03Products
Team
04Team
Partners
05Partners
Menu and footer
06Menu and footer
06 / Results

A direction, ready to present.

The homepage and its eight sections are designed for desktop and mobile as a proposed new brand direction.

Learnings

Good content can still disappear behind a generic template. Personality is what makes people remember it.

Almost there+50 XP for finishing0 of 10 case studies cleared.
Next case · 10 / Brand + website

iPoint India

Brand identity and website for a company working across education, finance and consulting.

+100 XP4 min read
iPoint India preview

Create a free website with Framer, the website builder loved by startups, designers and agencies.