THE REBOOT
Technology News Publication
UX & UI
Responsive Website
/01 - Overview
The Reboot Summary
A first-ever publication devoted to critically examining the internet. We started our work with two goals in mind:
• Equip journalists with the creative tools they need to create engaging new articles (beyond what "Medium" could offer)
• Design a beautifully subtle publication that gives priority to content and vivid illustrations
In conjunction with some top-tier tech journalists, we designed a fully responsive site w/ supporting article components to give journalists the tools they need to tell compelling stories and showcase commissioned illustrations.
Links & Press
"The Reboot is a brilliant hybrid of tech publication meets high-end fashion publication, with the last word authority of "The New Yorker" - Dfinity CEO
Project Goals
• Design a responsive system to give to engineering
Project Outcomes
• Beautiful site
• Glowing review from Dfinity CEO
Role, Team & Timing
• My Role: UX/UI Designer
• Other Team: Dfinity organization stakeholders, 3 contributing journalists
/02 - Design Process
Wireframing
• Review requirements list from journalist stakeholders
• Design two variations of news site home
• Design example of desktop news article view
• Two rounds of wire reviews with project stakeholders
Visual Design
• Create three different visual directions and apply them to the approved wires
• Select one direction and continue to develop the visuals
• Build a style guide with the the components needed
• Design out tablet and mobile orientations and components
• Dev handoff
/03 - Wireframing
Designed two layout options for the news pubilcation homescreen
The article view wires (left) and then a scrolled state (right)
/04 - Visual Exploration
Gathered requirements for desired visual styling
Started here with three initial directions...
----- Went through several rounds of visual design iterations -----
We landed here :)
/05 - Design System
I built out all the responsive pieces we would need and then I linked them all together
/06 - Final pages templates and handoff
Then after finishing a few more states & layouts, it was good to go.
