Magical Bones Website Amends

Richard Essien is break-dancing magician also known as Magical Bones. I helped to amend and improve his portfolio website.

The site had a nice design but needed some improvements made on the layout, and how it worked responsively. To start I amended the media page layout so it is now more visually appealing. I used the library Isotope to create the collage appearance for the media thumbnails. I found this works really well for content that has been created in different sizes. Unfortunately, you can’t achieve this with out Javascript as you need to know the heights of the content boxes.

I also made the media page responsive so users could view the content on mobile and made it possible to add Vimeo videos to the media page. Lastly, I updated the home page to use a HD video.

Desktop screenshot of the Magical Bones media web page