Skip to main content Jump to list of all articles

Big Bang Redesign: Smashing Magazine's 2017 Relaunch, a Case Study

Webinar by Vitaly Friedman

Big Bang Redesign: Smashing Magazine's 2017 Relaunch, a Case Study

In mid-2016 we embarked on a journey through Smashing Magazine’s relaunch, taking on a challenge of redesigning, rebuilding and reinventing the magazine from scratch. In this webinar, Vitaly will be sharing some front-end/UX insights into Smashing Magazine’s Relaunch — with decisions made, failures, successes, lessons learned and shady’n’dirty techniques used along the way.

Webinar

$ 1.

60 mins talk + 30 mins Q&A.
You can watch a recording later, too.

1.5h Webinar • Nov 28 • 10 AM EST (3PM London)

With Vitaly Friedman

You’ve been there: big bang redesigns are usually a very, very bad idea. Redesigning and rebuilding an existing website from scratch is risky and unpredictable, and in many cases the level of complexity is highly underrated and underestimated. In mid-2016, Smashing Magazine decided to make a big switch from the existing WordPress setup to an entirely new design, entirely new architecture (JAM Stack) and an entirely new, GitHub-based, editorial workflow.

In this webinar, Vitaly Friedman, the co-founder of Smashing Magazine, will share some of the insights into Smashing Magazine’s Relaunch in 2017 — with decisions made, failures, successes, lessons learned and shady’n’dirty techniques used along the way.

Among other things, you’ll learn how we use HTTP/2, service workers and server-less architecture with static site generators to boost performance, with a dash of React, Flexbox, CSS and the peek into the new GitHub-based editorial workflow here and there. Beware: the session will contain at least 27 illustrations of cats!

Format: 60 mins session + 30 mins conversation.

1.5 hours. November 28, 3pm GMT.

Main Topics

No chit-chat, no small talk. Only practical insights that you can actually learn from and take back to your company. By the end of the presentation, you will:

  • Text-first design workflow,
  • Front-end architecture with Preact and JAM Stack,
  • Fluid sizing with calc() for layouts,
  • CSS namespacing and CSS Custom Properties,
  • Front-end performance improvements.

The webinar is aimed at designers and developers of any level. Beware: you might not be able to unlearn what you'll learn in this session.

About The Speaker

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing or speaking at a conference, he’s most probably running front-end/UX workshops and webinars. He loves solving complex UX, front-end and performance problems. Get in touch.
← Back to the overview
Smashing TV, a brand new Hollywood blockbuster with webinars and live sessions for web designers and developers.

What's Smashing TV?

Smashing TV is a brand new series of webinars and live streams packed with practical tips for designers and developers. Not just talks — conversation with "show-me-how-you-work"-sessions. Smashing Members can download recordings, too.

Think of it as some sort of a Hollywood blockbuster with cats. Just better, because it's for people like you. Check upcoming webinars. Don't miss the next one.