Back

Web Design · Personal Project

Archive of Sonic
the Hedgehog

Duration 3 Weeks
Date 2024
Role UI · Web Design
Sonic Archive
Archive homepage
Sonic
Explore Games
● 30+ titles
browse archive
Collectibles
character gallery

Brief

As a fan of the Sonic franchise, I wanted to create a comprehensive web archive that celebrates the history and evolution of Sonic the Hedgehog. The site serves as both a nostalgic journey and an educational resource for fans and newcomers alike.

The archive includes game timelines, character profiles, collectibles, and interactive elements that bring the Sonic universe to life online.

My Role

Solo designer and developer, handling concept, UI design, content curation, and web development.

Tools Used

Figma, HTML/CSS, JavaScript, Adobe Photoshop

Challenge

Designing an archive that captures the speed and energy of Sonic.

Approach

Design Strategy

  • Research Sonic history
  • Analyze fan communities
  • Create visual identity
  • Organize content hierarchy

Key Features

  • Interactive timeline
  • Character galleries
  • Game database
  • Collectibles showcase
Archive sections — 4 main categories

Research

Sonic universe analysis

Conducted extensive research into the Sonic franchise, including game releases, character development, and cultural impact. This informed the content structure and visual design choices.

Game Timeline
Character Database
Sonic research — Archive content

Prototype & Process

Archive walkthrough
Video placeholder
Interactive timeline

Conclusion

The Sonic Archive successfully combines nostalgia with modern web design, creating an engaging platform for fans to explore the franchise's rich history.

Learning Outcome

Developed skills in content curation and information architecture for large-scale web projects, particularly for entertainment and gaming content.

See next