![Home Page Mockup](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/d87aa501-c596-4a3d-8cdf-a16d7c6d5753_rw_3840.jpg?h=ee403a818d598e296ab854bc05dd9dcd)
Home Page Mockup
!["In use" Mockup of both versions](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/bea8b9a5-c524-417a-9d2f-ce4cf97ed1ec_rw_3840.jpg?h=4fe07ee3d7b6d6645b50e1cc196440d9)
"In use" Mockup of both versions
![](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/bfb989ae-75df-43d6-b44b-19123ed730c7_rw_3840.jpg?h=542470777d1853f024dfbbd84b59bbb0)
![Home Page](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/3d7badb5-4824-4617-9ccc-eb8f3b10d146_rw_1920.jpg?h=582afcd8a97a7f15435eca2d34a6c907)
Home Page
![Shopping Page](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/d8031abd-6287-458e-a74d-a246f6de3151_rw_1920.png?h=77366b7d55674443189c50ab32042f5a)
Shopping Page
![Profile Page](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/1d2039bc-c731-4f0f-946a-9133cb20507c_rw_1920.png?h=d66121f3d16765496fe5a3251d064220)
Profile Page
![Filter and Choosing a Book Page](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/67e67231-bb39-4c0c-8330-4d65799ae10c_rw_1920.png?h=ca3606538c5b75c020a2f939632d8949)
Filter and Choosing a Book Page
![Reading A book](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/a4292cff-0ca7-4e81-9670-af61b765654d_rw_1920.png?h=1b88a2e7eab53def5b85e1dafb2ccb2a)
Reading A book
![](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/da41507d-9933-4dbc-a541-19d4f57774c8_rw_3840.jpg?h=51944a1fb7819a2df52e62700bfffd72)
![](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/3624a5d1-a22c-4c5b-be79-f0616aa6d635_rw_3840.jpg?h=1764ff796c0684e78968c204e1ca7a82)
![](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/6cbd1920-53c4-45fa-85c8-925532ffbc52_rw_3840.jpg?h=19527523e61d2121b2dad0bcde6df918)
![](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/4b808123-0fa5-461e-ab33-82844d3d1d1a_rw_3840.jpg?h=ff4cead0444e61fb40b8002745855941)
![Mobile Filter](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/a1dde097-9aab-47cc-926c-822836e7953e_rw_600.png?h=dd22c07e9ab013c2269e49f03b175f5d)
Mobile Filter
![Mobile Filter Book](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/ba8d5514-2c09-4e20-ae8e-79a80c1a2acc_rw_600.png?h=a4df4cc24c88d59a74b087584d41bfd9)
Mobile Filter Book
![Mobile Shop](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/491fbb5e-b380-4088-b167-ef2689c5f48d_rw_600.png?h=933e0067dd4aefab320777846c705b1e)
Mobile Shop
![Mobile Profile](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/582f3455-092c-4ee4-bcfd-774d41567820_rw_600.png?h=658caf17f62ba6f285f895bb6d41d67b)
Mobile Profile
![Mobile Home Page](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/fa63a67e-6e93-439f-b8f8-08d7b6e82d86_rw_600.png?h=c28522f4c21ad30192d305a57b39e32c)
Mobile Home Page
![Mobile Book](https://cdn.myportfolio.com/e8a526d0-bdf8-4598-af98-ee14f1a9d14c/992ca107-49cc-48c5-8622-89a879cde7f5_rw_600.png?h=4cd2444c207b6dd5254d464698e29606)
The Internet Classic Archive was in need of a dire redesign as sadly time has caught up to it. My job in this project was to redesign both the visual aspect of it while also focusing on the user interface and user experience. I also needed to create a mobile version as the original website doesn't have it. I created a new filter system that allows a user to view the book cover of the title they are looking at but what's new is that you can click the circles in the bottom right to see all the titles of that author(and how many the website offers of course).