UA
Home/Case Studies/Horoscope Hub

CASE STUDY · Zodiac · Editorial reflection

Horoscope Hub

I created Horoscope Hub as a calm editorial experience around zodiac signs, horoscopes and personal reflection. The goal was to help readers explore the material through a clear visual language and straightforward navigation.

Website · Editorial structure · Zodiac navigation
Visit live website
Key outcomeZodiac and editorial website live

Public website · Report collection in preview

Horoscope Hub website homepage
Horoscope Hub: the website interface checked on 30 October 2026.

Project brief

What I created and why it matters

My role
Website concept, design and implementation
Idea
An approachable place for zodiac reading and reflection.
Audience
Readers exploring zodiac signs and reflective editorial material.
Goal
Make available content and preview features easy to distinguish.
Distinctive approach
A consistent observatory identity with explicit feature states.
Design
Dark celestial imagery, spacious typography and a twelve-sign selector.
Technology
Next.js · React · GitHub Actions · Cloudflare
01

THE ASSIGNMENT

The project and its purpose.

I created Horoscope Hub as a calm editorial experience around zodiac signs, horoscopes and personal reflection. The goal was to help readers explore the material through a clear visual language and straightforward navigation.

02

THE SOLUTION

What I designed and implemented.

I built a dark observatory-inspired website with routes into the twelve zodiac signs, an editorial journal and a personal-report collection preview. The presentation distinguishes available reading from features that are not yet open. The hero image was optimized in the verified production release without changing its dimensions.

03

THE OUTCOME

Zodiac and editorial website live

The public zodiac and editorial website is live. On the checked homepage, the first daily edition was still described as upcoming and personal-report ordering was not open. The image optimization removed the heavy-image error in the subsequent Ahrefs crawl, which reported Health Score 100 and no error URLs.

WORK COMPLETED

What the website includes.

  • Observatory-inspired responsive design
  • Twelve-sign navigation and dedicated zodiac pages
  • Editorial journal and reflection material
  • Clearly labelled personal-report previews
  • Optimized hero image with preserved geometry

Verified project updates

What changed, why and what was verified

Lighter hero image

What changed
I published the optimized version of the existing hero image.
Why it matters
Reduce the image payload while preserving the design and geometry.
Verified result
The subsequent Ahrefs crawl no longer reported the heavy-image error.

Current rollout boundaries

The implementation and the next stage

  • The checked daily-edition and report-ordering states remain distinct from the live editorial website.
Next case study

Ukrainians in IT — Event Landing Page

Event landing page published