Megazine, Branding and user experience design for a digital magazine.

Visit Website

Reflecting the fast-paced digital era, with the timeless essence of a traditional magazine rooted in thoughtfulness and reflection.

The logo combines Mega symbolising vast information, and Zine a global term for magazines. Built on bold typography, it aligns seamlessly with the parent brand identity Ultrasawt.

Imagery

We developed an imagery guideline for magazine editors to ensure visuals deliver a seamless experience across all devices, balancing the image ratio for wide screens and vertical mobile views.

Design approach

Our design approach for the digital magazine focuses on creating an immersive and visually engaging experience. We utilised large, high-quality images for cards to draw readers' attention and emphasise storytelling through visuals. This not only enhances the aesthetic appeal but also improves content discoverability and ensures a modern, magazine-like feel tailored for digital platforms. The use of bold imagery is optimised for all devices, offering a cohesive and captivating experience across screens.

Editors

The opinion page design places editors at the forefront, emphasising their unique voice and perspective. Instead of traditional story images, we feature editor portraits to create a personal connection with readers and reinforce the editorial nature of the content. This approach highlights the individuality of each writer and aligns with the section's focus on thoughtful, opinion-driven storytelling.

Do titles reflect stories?

Yes, titles reflect stories, but research shows that users engage more with content when a quote or excerpt from the story is displayed instead of just the title. To mirror the concept of a magazine cover in print, we introduced a quote that aligns with two secondary titles under the main story title, creating a visual representation similar to a magazine cover page.

Article page

The article page design embraces a magazine-style approach, prioritising readability and user engagement. We incorporated large, striking images to elevate the storytelling experience, complemented by clear typography and ample white space for a clean, distraction-free layout.

Features like adjustable text sizes enhance accessibility, while intuitive navigation allows for seamless exploration of related stories, editor-specific content, and the most-read articles, ensuring an enjoyable and immersive reading experience across devices.

Responsive experience

With 70% of existing users accessing the platform via mobile, we adopted a mobile-first approach to the design. However, the design is fully responsive, ensuring a seamless experience across all device sizes.

Get a quote

Get a ballpark costing on the product or idea you want to build. Be specific to get a more concise cost and timeline.