Digital 'Reading'

A responsive website design 

A design prototype which demonstrates an environment facilitating concentration on the part of the reader/user while also enabling that user to take advantage of the benefits of digital media.

 

Course Project | 01/2015 - 03/2015

It's a course project for web design. I am the designer and developer for the project. The website is written by HTML/CSS/JAVASCRIPT/JQUERY.

 
 

What's digital reading?

Sketch

It’s a quick ‘Design & Prototype’ project, which aims to design a web experience to let readers focus on reading.

I choose an approach of ‘taking the advantage of platform difference’. Use digital media to increase visual interest and make related content access easily.

In addition, I choose to ‘grid’ all the content (like the author info and Ads) and make the textarea pure with text. By making the layout clean, the readers would be able to focus on reading.

 

My Solution

 

Live Prototype