MIRRORA -News Publication

UI UX/Website/Brand Identity

A digital photography publication designed to showcase visual storytelling through structured layouts, bold imagery, and immersive long-form features.

Time

3 weeks

Team

Star

My role

UI UX

Designer

Tools

Figma

Time

3 weeks

Team

Star

My role

UI UX

Designer

Designer

Tools

Figma

MIRRORA -News Publication

UI UX/Website/Brand Identity

A digital photography publication designed to showcase visual storytelling through structured layouts, bold imagery, and immersive long-form features.

Time

3 weeks

Team

Star

My role

UI UX Designer

Designer

Tools

Figma

Time

3 weeks

Team

Star

My role

UI UX

Designer

Designer

Tools

Figma

Designing a Digital Photography Publication Around Three Core Layout Systems

Mirrora is a university-led project aimed at creating a new online publication, including its name, brand direction, and editorial layout system. The objective was to develop a bold and visually engaging digital experience comprising a homepage, a general article template, and a concept-driven long-read format aligned with contemporary publishing standards.

Designing the Homepage to Balance Discovery and Editorial Depth

The homepage prioritizes featured photography while maintaining space for daily stories and category-based browsing. Large hero sections create visual impact, while grid systems ensure fast scanning and content organization. The layout supports both curated highlights and ongoing publishing frequency.

Creating a Readable and Flexible Standard Article Template

The standard article layout focuses on clarity and rhythm. Headline hierarchy, metadata structure, and controlled spacing guide readers through medium-length content without distraction. Images are embedded strategically to support the narrative without overpowering the reading experience.

Designing the Long-Read Article as a Cinematic Night Narrative

For "Shooting the Night" the entire long-read adopts a dark interface to reflect the atmosphere of night photography. Subtle silhouettes of London landmarks anchor the story in the UK, while a camera frame element near section titles symbolizes composition and the photographer’s point of view. Together, these elements shape a cohesive visual narrative across the page.

Shaping Each Section Title to Reflect Its Meaning and Context

Each tip title is designed to visually reflect its message. Typography scale, spacing, and layout composition shift depending on the theme of the section. Instead of repeating one consistent header style, the titles respond to their content, creating rhythm and reinforcing the narrative flow throughout the article.

Ending With the Silhouette of the Photographer

The article concludes with the silhouette of a photographer capturing the night. This closing visual completes the narrative of "Shooting the Night" and brings the focus back to the act of shooting.

Designing Story-Specific Long-Reads Strengthened Concept-Driven Visual Thinking

Designing the long-read for "Shooting the Night" required creating a layout that responds directly to a single narrative. Instead of applying a standard template, every visual decision was shaped by the story’s tone and context, strengthening concept-driven and story-focused design thinking.

Ready to create something great?

Say Hello!

©2025 Sandi Zaw Myint (Star)

Ready to create something great?

Say Hello!

©2025 Sandi Zaw Myint (Star)

Ready to create something great?

Say Hello!

©2025 Sandi Zaw Myint (Star)

Create a free website with Framer, the website builder loved by startups, designers and agencies.