Brief:
Using the existing print-based editorial work, create a proposal for a digital version of the magazine that works across desktop, tablet and mobile while considering the viewing area of each medium and ensuring that viewers get a consistent experience across each screen size.
​ 

Research

https://www.newscientist.com/

https://www.bbc.co.uk/news

https://www.wired.com/

https://people.com/health/

www.learnui.design/blog/ios-font-size-guidelines.html

www.toptal.com/designers/typography/web-typography-infographic#:~:text=The%20font%20size%20on%20a,on%20a%20desktop%20computer%20screen.

I did some research into the recommended size of text and how this would differ across screen sizes and fonts.

Wireframes

Taking it Digital

Alternative Outcomes

Feedback Alterations

I took some more time to neaten up the type, especially on the iPhone layout. While subheadings would help break down the text more, every paragraph is about a different topic meaning subheadings would be flooding the page and appear even more messy and crowded.

​Mockups