All work/Case 08 of 10/Content platform5 min read

Naukri Connect

A current-affairs dashboard, built inside an existing product.

Naukri Connect publishes exam notifications, admit cards and results for government-job aspirants. It had no current-affairs section, which most competitors treat as essential reading. I designed a curated current-affairs dashboard and shipped it using the product’s existing colours, type and components.

Role
UI/UX designer
Scope
Current-affairs dashboard
Surface
Responsive web
Status
Live
The current-affairs dashboard: three categories as tabs, a featured story and previews of the other two.
CoverThe current-affairs dashboard: three categories as tabs, a featured story and previews of the other two.
The short version
Challenge

Aspirants read current affairs every day, but Naukri Connect sent them elsewhere for it. The new section had to feel like it had always been part of the product.

Approach

A dashboard that curates daily news, static GK and one-liners into clear categories, shows what’s new at a glance, and lets readers move between categories without losing their place.

Outcome

A live current-affairs dashboard that gives readers a daily reason to return, designed entirely within the existing design system.

3content types curated: daily current affairs, static GK, one-liners
0new colours or fonts added
1sign-up window, no separate page
01 / Overview

Working inside someone else’s system.

Naukri Connect already had its maroon-and-pink palette, logo, header, cards and buttons. The job was to design a current-affairs dashboard that looked like it shipped with the product on day one, using only what was already there.

02 / The dashboard

Today’s reading, sorted.

Daily Current Affairs, Static GK and One-Liner Current Affairs sit as tabs above the feed, each with a count of new items, so a returning reader sees what’s changed before opening anything. Static GK and One-Liners also get preview panels beside the main feed, so readers can glance at every category without leaving the one they’re in.

The full dashboard page.
Fig.The full dashboard page.
03 / The feed

Easy to scan, easy to come back to.

Below the fold, the feed becomes a simple grid: one featured story, then equal cards with dates. The app-download banner keeps its own space in the side column instead of interrupting the reading.

04 / Accounts

Sign-up without leaving the page.

Static GK shows a few entries for free, with the rest previewed behind a blur. Unlocking opens a two-field sign-up (name, then email or phone, with OTP or Google) in the same window, so readers never lose their place.

Static GK with a preview of the rest.
Fig.Static GK with a preview of the rest.
Sign-up in the same window.
Fig.Sign-up in the same window.
05 / Mobile

Same dashboard, one column.

The dashboard, sign-up and articles reflow to a single column with the same tabs and the same behaviour.

Dashboard
01Dashboard
Static GK
02Static GK
Article
03Article
06 / Results

Live on naukriconnect.com.

The dashboard is live, so aspirants get their daily current affairs in the same place they check exam notifications and results.

Learnings

Categorised news feeds are a solved problem. The real work was making a new section disappear into somebody else’s shipped product.

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

Graposs Connect

A redesign I led for the company's own corporate website.

+100 XP5 min read
Graposs Connect preview

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