Reinventing online magazine

Magsty

Magsty is a brilliant magazine CMS solution for publishers and readers. No apps to download. No fixed templates. No coding knowledge required. Just journalism. At its core, Magsty open the doors of flexible and quality layout, light years ahead before Medium, and Wordpress’ Gutenberg.

Magsty vision was to enable quality layout for non-tech-savvy journalists, and enhanced reading for any reader at a time Wired released they first interactive magazine on iPad. After they had secured a first seed round, investors argued the experience still felt too closely to a blog. That’s when I came in.

For about a year, as UX Director, I led a team of three developers. I was tasked to revamp the entire experience on both desktop and mobile. First months were spent on comprehensive user surveys, ethnography research, and user testing. Then, based on user feedback, we started to iterate the MVP to an entire dashboard, and a landing page aimed to promote our solution.

However, despite accolades from Awwwards and Speckyboy, the product didn’t gain the necessary traction, and stopped during the development of the UI. The experience gained and lessons learned were priceless. In that regard, I could never consider it a failure.

Moodboard & visual tonality

Design systems

We worked to unify, simplify, and amplify the reading experience and the functionalities of the service. Optimal line-length has been implemented to enhance reading. Inspired by Bonnier R&D, we came up with a one column template, on a flexible grid, with highlighted keywords, and increased line-height.

 

We created font stacks along with color schemes, and flexible grid, to help editors design with poise. We also decided to dust away the old rectangle header by changing the way we display images. For example, we used large SVG Masks to ensure editors the same creativity they have with the paper edition.

Responsiveness

Responsive web design does not take work environment into account. Therefore, eye fatigue, light reflection, ambient noise around, mobility, are issues that are not addressed. We imagined ways to enhance readability, and make content accessible whatever orientation, or environment the user is into. This below is a peak of the approach I recommended for the landing page.

“Christophe assisted with overhauling our entire interface by creating an elegant aesthetic design with an engaging and interactive user experience. His stellar work led our startup to be nominated for best design, creativity and innovation. I recommend him to you without reservation.”

W. Aljahmi, Founder & CEO – Magsty

Results

Awwwards - Nominee for Best Landing Page
1st link in Speckyboy’s Weekly Web & Mobile Creativity #22