View more
Published in
2023

Echo. All Armenian news, one feed.

Elena Buzila
Bohdan Kononets
Services
Editorial Design
UX Design
UI Design
Design System
Deliverables
Deployed Web App
Figma Source Files

Echo is a news aggregation platform for the Armenian market.

We designed it as a news aggregation platform for the Armenian market, building typography and visual hierarchy rules from scratch for Armenian-language content. It had to read as both an authoritative media source and a technology product — and the design system now carries that identity across the interface.

Homepage Feed Organized by Topic

The homepage groups stories into topics such as politics, society, science, and sport, not by source. A hero placement leads the feed, backed by a curated sidebar carousel and a thumbnail grid that expands with a load-more control.

Echo homepage with category tabs, hero story placement, and curated sidebar carousel
Echo homepage scroll showing an Auto category grid, native ad banners, and a curated recommended-stories section for readers.
Mobile screens of Echo's homepage feed and tagged category articles, showing responsive card layouts.
Desktop and mobile views of Echo's curated sidebar section, showing consistent card layout across screen sizes.

Story Timeline Inside the Article Page

Article page for readers following a developing story on Echo's platform. A timestamped update timeline sits below the story, alongside sidebar recommendations and a native ad slot placed inside the feed.

Echo article page with story update timeline, sidebar recommendations, and embedded native ad banner.
Comments Drawer on the Article Page

Comment panel for readers reacting to a story on the Armenia-focused platform. The drawer opens to threaded replies with like counts and a reply field; closing it surfaces a Published module of related articles.

Echo article page with open comment thread and closed state showing related published articles module.
Echo "Published" article grid with large and small cards, headlines, and short summaries below each thumbnail.
Media Rankings Table for Armenian Outlets

Core aggregation view of Echo, ranking the top 100 Armenian media outlets by traffic. The table sorts by daily, monthly, or compared performance, with search and export controls for each source.

Echo Top 100 media rankings table sorting Armenian news outlets by daily and monthly traffic.
Mobile Views of Comments and Rankings

Mobile layouts for the comment thread, related-article list, and media rankings table. Rows condense to a single column with tap targets sized for touch, keeping the ranking's sort controls accessible on a phone screen.

Mobile screens of Echo's comment thread, related-article list, and media rankings leaderboard.

Chrome New Tab with News Search

Chrome new-tab extension that brings Echo's news aggregation platform into every browser tab. A dual search toggle switches between Google and Echo, alongside a live weather and currency ticker above the categorized story grid.

Echo Chrome new-tab extension with dual search toggle, weather ticker, and categorized Armenian news grid.
Movie Detail Panel in New Tab

Movie detail panel inside Echo's browser extension, letting users check a film without opening a new site. The card shows rating, cast, genre tags, and trailer links, with a row of related titles below.

Movie detail panel inside Echo's browser extension showing rating, cast, genre tags, and trailer links.
Article Overlay Inside the New Tab

Article view opened directly inside Echo's new-tab extension, without navigating to an external site. A split overlay pairs the story on the left with threaded comments on the right, closed with a single X control.

Article reading overlay inside Echo's new-tab extension with threaded comments panel open beside the story.

Launching a media product in a language most design systems ignore? We build typography and hierarchy rules from the script up – reach out with your market and we'll take a look.

Ready to start your own project?