![](https://freight.cargo.site/t/original/i/f69786cbd214058de968d416e416e8abc9449ce2e6ff0b5bf465604e314031e9/responsive-mockup-template-03.png)
Six Easy Pieces
WORK - IN - PROGRESS
2015 / 1-week project2019 / WIP
CATEGORIES: UX, interaction, screen-basedKEYWORDS: science education, Richard Feynman
I designed and coded a responsive website using media queries to reorganize the content of Feynman’s Lectures on Physics into a visually appealing and readable format.
Although this website is not currently online, I am working on a new and improved, re-designed VERSION 02.
Stay tuned for the update!
{VERSION 01}
This site was my first foray into HTML, CSS, and responsive web design. While I the original version of the site technically works, I want to more thoroughly consider the content, structure, and visual design of the website, as well as improve the responsive behavior of the site. I want to create a more enjoyable reading experience for this site.
![](https://freight.cargo.site/t/original/i/046a8145cb45dd1aca8f2463f32f0a995c1f823d6b87e0906d119d3c7a8c1fa9/sixeasypiecesdemo1.gif)
![](https://freight.cargo.site/t/original/i/e8fe40390e782d92e5270700337fde55b9a50ea40df2484aacb75445ab74b8a3/sixeasypiecesdemo2.gif)
{VERSION 02}
PHASE 01: SHIFTING SCOPE + RESTRUCTURING CONTENT
The original version of this website focused on the content from the Feynman Lectures on Physics that was published as the book Six Easy Pieces. For VERSION 02, I want to include all of the content of the Feynman Lectures on Physics available online from CalTech. It will be not only a redesign of the content, but also a redesign of the CalTech Feynman Lectures website.
![](https://freight.cargo.site/t/original/i/eb896c44dc2f2e77498c4513ebf90484a152590ca4be8d66067fc9db3bf1afb0/redesign-01.png)
![](https://freight.cargo.site/t/original/i/eb031417787dcc39a8f090737e5f43d170f32dd32c939beeb3521efd214db0ce/IMG_0308.jpg)
![](https://freight.cargo.site/t/original/i/9befdd7088ebf6427eb14da5b5b9d73b5c421d4fe4613077b4c3226a89947ab5/redesign-02.png)
PHASE 02: SKETCHING + LO-FI WIREFRAMES
![](https://freight.cargo.site/t/original/i/a9f480d56c94e7846f19cfefc11d6e5dcddced8d83052f198172c89b428f274b/IMG_0311.jpg)
![](https://freight.cargo.site/t/original/i/ded1c7258a8b6117aaab62d5e0d71c0b0f5f8aa1a171dc345d33b53ce33a235e/IMG_0312.jpg)
PHASE 03: VISUAL STYLE + HI-FI WIREFRAMES
![](https://freight.cargo.site/t/original/i/8d0618a9fafc5af0cec309b47e08080bee7bf1f8b08d8bef4e2e3416f884793b/redesign-03.png)
![](https://freight.cargo.site/t/original/i/48b1675b0c04bd4322200743dee1de7a5e3b3d0d7a558e6e86d592039c19f99d/redesign-05.png)
![](https://freight.cargo.site/t/original/i/354176061509de9a4244b7ae507b25d9ed8c7f5b5b1ebb27dd8944876cb4562c/redesign-04.png)