Skip to main content
Typhoon.
Back to all projects
News & BlogIntermediateLive demo available

News & Blog Platform

Modern publishing platform with breaking-news ticker, category filters, and a clean reading experience.

Timeline
3 – 4 weeks
Starting at
From AED 4,500
Pages
5
Tech stack
5 tools

Project overview

A magazine-style news platform: live ticker, featured article, category navigation, trending sidebar with reading-progress, article modal, share-mock, dark/light reading toggle, and newsletter signup. Designed to keep visitors on-page and authors productive.

The brief

Target client

Niche media outlets, industry blogs, internal company newsrooms.

Business problem

Content teams use heavy CMS templates that feel dated, load slowly, and bury the article behind ads and sidebars.

Business value

Faster reads, longer sessions, more newsletter signups, and an editor experience that does not slow down publishing.

Features included

  • Animated breaking-news ticker
  • Category navigation with smooth filtering
  • Featured + trending article sections
  • Article modal / detail with reading progress
  • Newsletter signup mock
  • Search + author profiles
  • Dark / light reading toggle (localStorage)

Pages included

HomeCategoryArticleAuthorAbout

Related work

Other projects in the same orbit.

Similar industries, similar scope, or similar interactive patterns.

E-commerce

Modern E-commerce Store

Advanced

Premium online store with cart, wishlist, filters, search, and a clean mobile checkout flow.

  • Filterable product grid (category, price, rating)
  • Debounced product search
  • Quick-view product modal
Next.jsTypeScriptTailwind CSSFramer Motion
Corporate

Corporate / Engineering Company Site

Intermediate

Trust-building corporate website for a service company that wins bigger contracts.

  • Animated stat counters on viewport-enter
  • Services grid with hover effects
  • Vertical project timeline with sticky scroll
Next.jsTypeScriptTailwind CSSFramer Motion
Portfolio

Creative Portfolio

Starter

Personal portfolio for a designer, developer, photographer, or freelance creative.

  • Hero with cursor-follow glow
  • Animated skill bars
  • Project gallery with image-reveal hover
Next.jsTypeScriptTailwind CSSFramer Motion

Available for projects · 2026

Ready to build the website your business deserves?

Free 30-minute scoping call. Fixed quote. Reply within 24 hours. No retainer required to get started.

  • You own the code
  • You own the design files
  • Post-launch support included