Create a web interface for a PS3 game
Designer Shane Mielke deconstructs the layout of 2Advanced Studio's new Sony Ratchet and Clank global website.
In this tutorial I share the design process behind the new website for the latest instalment of Sony's Ratchet and Clank franchise. As well as looking at the concepts behind some of the key site elements, I explain how two unique designs were created by 2Advanced Studios, and then merged into the final product.
Based on the client's brief, we put together two homepage concepts for Sony Computer Entertainment America. Associate creative director Elder Jerez Jr. created the first, and I contributed the second. Both designs were executed individually, using some general assets such as logos, fonts, character renders, box art and game screenshots, and past versions of the game were played extensively to familiarise ourselves with the product, characters, branding and storyline.
It's important to note that, for this project, the homepage comprehensives were designed prior to any detailed wireframes. This kept restrictions at a minimum and save time, while also leaving the layouts and creative possibilities open. In the end, the client liked aspects of both, and we merged both in the final design.
Click here to download the tutorial for free
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.
Related articles
- How to use Cosmos: a beginner's guide to the viral social media platform made for creatives
- How to plan and paint vibrant video game poster art: Duncan Fegredo shares his pro workflow
- How to make an atmospheric lunar creation in After Effects with Red Giant VFX plugins
- How to create a realistic peppermint candy material in Blender