![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f596f00525ced59b9d17b89fdaf1f0e7/aeb84f50-41d1-48d5-8228-db7f6e8cb233_rw_1920.png?h=cdd0e44f9205fb9d3aa56a01ebdea24d)
In this example, I combine an Interactive PDF I designed for a client with an Interactive Slider created for another project, a company specializing in information sharing.
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/f596f00525ced59b9d17b89fdaf1f0e7/8083e2c7-4c34-4405-87d1-f82ed23dc992_rw_1200.png?h=ba90dbc6894208ff6f855ed579484192)
The user finds the intro block on the main site page. As the company has a diverse blog / pages, different teams could apply the same interactive slider to another getting the most use out of it and testing with their own audiences.
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/f596f00525ced59b9d17b89fdaf1f0e7/30de6328-2cb0-44ff-a749-9643e603404e_rw_1200.jpg?h=261b82c1cc0acfa272d5c743cf75c256)
The Table of Contents can be accessed via the second page, to help the user jump to the desired section. A menu button resembling a list icon below also toggles a pull out menu, which takes users where they need to go.
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/f596f00525ced59b9d17b89fdaf1f0e7/15f4e5e3-ddf7-45aa-bb70-8926d4b2ccbe_rw_1200.jpg?h=9942967690bd194172c9c1b0893beec1)
Among the interactivity created was a quote button, which toggles a pop up within the slider in both desktop and mobile. This was used this sparingly throughout the slider to give focus to important quotes and highlights worth noting.
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/f596f00525ced59b9d17b89fdaf1f0e7/13facb90-83e7-42e3-a18f-9050d818d297_rw_1200.jpg?h=b64a8eb04da4efe6482af5d562bc6399)
Icons were selected to help break up content themes, such as the Five Principle Pillars.