Skip to main content
UI-UX

IDN Times - Web Design

IDN Times - Web Design

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"What's Hot, Trending, News, Hype, Life, Girls, Community — IDN Times' web design brings Indonesia's millennial-first media platform to life with a clean editorial layout that keeps the content moving and the audience coming back."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/small/h3slJWTU_work_image.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Web Design — IDN Times"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Online Media Website · News & Lifestyle · Indonesia"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A clean, editorial web design for IDN Times — one of Indonesia's largest millennial-focused digital media platforms, covering news, pop culture, lifestyle, entertainment, and community content."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The homepage opens with a \"What's Hot\" editorial banner — a scrolling ticker that surfaces the most urgent headlines before the user has even registered the navigation. It's an effective media UX device: acknowledge that readers are always mid-news-cycle, and meet them there."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The hero grid is a classic editorial mosaic: a large primary story card (a musician on stage under stage lights) anchors the left two-thirds, with four secondary story cards filling the right column — each with a thumbnail, headline, and timestamp. The image-first, text-second layout communicates IDN Times' audience-first philosophy: show the story visually before asking for a click."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The navigation — News, Hype, Life, Girls, Community — maps the publication's editorial verticals, each representing a distinct reader segment and content tone. The red IDN Times wordmark with its characteristic stylized \"I\" letterform is instantly recognizable across the Indonesian digital media landscape."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A \"Trending\" section begins below the hero, surfacing the content that's driving the most engagement in real time — the algorithmic layer of a modern news platform built into the page architecture rather than bolted on."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A news website that understands its audience reads quickly, shares freely, and always wants to know what's happening right now."}]}]}

Tech Stack

Figma

Tags

UI-UXWebWebsiteNewsArticleMediaProject

Completed

December 2015

Project Scale

short Project