katayoon
khojasteh

PROFESSIONAL · CLIENT PROJECT

Akharin Khabar

Jump to designs

A connected interface for news, local stories, sport and entertainment.

Discipline
Product design
Role & collaboration
Product and UI design for Akharin Khabar.
Project context
Product interfaces for Akharin Khabar’s news and entertainment platform.
Akharin Khabar dark category navigationAkharin Khabar news feed

01 / THE CONTEXT

A place to begin.

Akharin Khabar brings news and entertainment into an Android application and website. This portfolio work presents interfaces for browsing stories, following local news and exploring films, series and sports content, with light and dark appearances.

02 / CONTENT STRUCTURE

Several ways into the news

The portfolio describes featured stories, a weekly Top 10, local news by province and topic categories. These routes address different reading intentions within the same news platform.

03 / A WIDER PLATFORM

News sits alongside entertainment

The scope extends to films and series, live streaming and football content. The presentation includes a desktop film-detail design alongside mobile layouts.

04 / INTERFACE SYSTEM

Light and dark views

Paired light and dark layouts retain the same right-to-left structure, red accent and navigation patterns. The screens show how content-heavy pages and more visual entertainment pages share a recognizable identity.

THE FINAL INTERFACE

Up close, in detail.

Select any screen to enlarge it.
Original interface language is preserved.

Dark-mode content categories, organized as a visual grid.
Dark-mode content categories, organized as a visual grid.
The category grid in a corresponding light appearance.
The category grid in a corresponding light appearance.
A news feed pairs a lead story with smaller article rows in dark mode.
A news feed pairs a lead story with smaller article rows in dark mode.
Local news combines province filters with a compact story list.
Local news combines province filters with a compact story list.
The live-stream view pairs video, network choices and an upcoming schedule in dark mode.
The live-stream view pairs video, network choices and an upcoming schedule in dark mode.
A tablet presentation of the live-stream player and schedule.
A tablet presentation of the live-stream player and schedule.
The live-stream schedule in a corresponding light appearance.
The live-stream schedule in a corresponding light appearance.
A mobile film-detail page presents artwork, metadata and a primary action.
A mobile film-detail page presents artwork, metadata and a primary action.
Light-mode news browsing with a large lead image.
Light-mode news browsing with a large lead image.
The desktop film-detail design expands the artwork and supporting information.
The desktop film-detail design expands the artwork and supporting information.

DESIGN SCOPE

The work, brought together.

A collection of mobile and desktop interfaces covering news, entertainment and light/dark presentation.

The original presentation

Explore the full project documentation, process diagrams and visual pages in the original portfolio PDFs.

English PDF فارسی PDF

KEEP EXPLORING

Another perspective.

MePet

Open original image ↗