Fiction Website
Fiction is a design and strategy agency in Portland, Oregon. This website was created to showcase their portfolio & capabilities. The website included a flexible grid that displayed work, blog post and social media post. A lightbox was designed to display the studio portfolio work.
Role: Visual & Web design
Designed at Fiction
![](https://cdn.myportfolio.com/5a8cf6139f5f317bd16f90fea9e59fe8/1bca144736c2a6b66cbea871_rw_1920.jpg?h=ad7411f07780a6eda82f6d2eed51dc07)
![](https://cdn.myportfolio.com/5a8cf6139f5f317bd16f90fea9e59fe8/76b0a4ecfbc1130ffee8976f_rw_1920.jpg?h=419448daa612bf70a8dc0de5f563543c)
![](https://cdn.myportfolio.com/5a8cf6139f5f317bd16f90fea9e59fe8/93c30499f7c082d87bc81ef5_rw_1920.jpg?h=0187a10640389844513f5cd08f62492f)
The website uses parallax scrolling down to the three column media grid showcasing blogs, tweets and featured projects. A system of color overlays and icons distinguished each post type.
![](https://cdn.myportfolio.com/5a8cf6139f5f317bd16f90fea9e59fe8/99dfec7739adc6778b3d9420_rw_1920.jpg?h=7ac2ba3c4f73eb7f87a40c7eb5b4340b)
When a project, blog post or tweet is clicked on, the site enters a lightbox mode.
![](https://cdn.myportfolio.com/5a8cf6139f5f317bd16f90fea9e59fe8/d6e7e1c583b9b43ad905bb10_rw_3840.jpg?h=6f77e6611271f0d469836bac613b99b3)
![](https://cdn.myportfolio.com/5a8cf6139f5f317bd16f90fea9e59fe8/0a344d5a28727b5be5f5450a_rw_1920.jpg?h=c6d325ede37f7aab215d444c5c94cac0)