All work/Case 09 of 10/Brand + website · Proposed direction5 min read
GrapossConnect
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
grapossconnect.com
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.
grapossconnect.com
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.
grapossconnect.com
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.
Fig.The Graposs advantage.
Fig.Products, one panel each.
grapossconnect.com
01About Us as tabs, with an animated icon.
grapossconnect.com
02Team cards that flip to show a biography.
grapossconnect.com
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.
01Home
02Advantage
03Products
04Team
05Partners
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.