'%20fill='%23f2f2f2'%20/%3e%3cpath%20id='Fill_2'%20data-name='Fill%202'%20d='M14.348,3.978V0H0V3.978H4.914V30.09H9.4V3.978Z'%20transform='translate(145.217%2014.96)'%20fill='%23f2f2f2'%20/%3e%3cpath%20id='Fill_3'%20data-name='Fill%203'%20d='M14.78,27.333V19.889H10.3V26.23H4.481V3.859H10.3V9.806H14.78V2.756A2.489,2.489,0,0,0,12.028,0H2.672A2.449,2.449,0,0,0,0,2.756V27.333A2.449,2.449,0,0,0,2.672,30.09h9.356a2.489,2.489,0,0,0,2.752-2.757'%20transform='translate(120.484%2014.96)'%20fill='%23f2f2f2'%20/%3e%3cpath%20id='Fill_5'%20data-name='Fill%205'%20d='M0,30.09H12.461V26.112H4.481V16.66h6.762v-3.9H4.481V3.978h7.862V0H0Z'%20transform='translate(98.07%2014.96)'%20fill='%23f2f2f2'%20/%3e%3cpath%20id='Fill_7'%20data-name='Fill%207'%20d='M13.994,27.333V0H9.513V26.23H4.481v-6.3H0v7.4A2.478,2.478,0,0,0,2.712,30.09h8.53a2.489,2.489,0,0,0,2.752-2.757'%20transform='translate(74.122%2014.96)'%20fill='%23f2f2f2'%20/%3e%3cpath%20id='Fill_9'%20data-name='Fill%209'%20d='M12.422,30.09H2.674A2.45,2.45,0,0,1,0,27.332V2.756A2.45,2.45,0,0,1,2.674,0h9.748a2.705,2.705,0,0,1,2.006.714,2.8,2.8,0,0,1,.708,2.043V27.332a2.8,2.8,0,0,1-.708,2.044A2.7,2.7,0,0,1,12.422,30.09ZM4.482,3.859V26.23h6.171V3.859Z'%20transform='translate(49.034%2014.96)'%20fill='%23f2f2f2'%20/%3e%3cpath%20id='Fill_11'%20data-name='Fill%2011'%20d='M10.693,30.09H15.37v-.157l-4.953-13.47H11.95a2.467,2.467,0,0,0,2.673-2.757V2.757A2.461,2.461,0,0,0,11.911,0H0V30.09H4.481V3.86h5.661v9.532H5.74v2.717Z'%20transform='translate(24.458%2014.96)'%20fill='%23f2f2f2'%20/%3e%3cpath%20id='Fill_13'%20data-name='Fill%2013'%20d='M4.482,30.09H0V0H11.753a2.485,2.485,0,0,1,2.752,2.757V16.384a2.84,2.84,0,0,1-.713,2.063,2.735,2.735,0,0,1-2.04.733H4.482V30.089Zm0-26.23V15.321h5.5V3.86Z'%20transform='translate(0%2014.96)'%20fill='%23f2f2f2'%20/%3e%3cpath%20id='Fill_15'%20data-name='Fill%2015'%20d='M20.081,0V13.284L9.4,0H0V30.092H9.954V16.207L21.11,30.092h8.925V0Z'%20transform='translate(189.795%2014.96)'%20fill='%23f2f2f2'%20/%3e%3c/g%3e%3c/svg%3e)
Project N started working with Skybound in February 2023, when they asked us to make a website for their upcoming game: Closer The Distance. The original brief requested that the website showcase the unique art style of the game, while also providing prospective players with information and resources such as trailers and screenshots. The website was to be available in five languages and include newsletter integration and a wishlisting feature.
Our design team worked on an interactive carousel of characters, using short biographies written by our editorial team, to introduce the main characters in the game. One of the most eye-catching features of the website was a bespoke animation created from static key art assets, which helped to bring the game and world of Yesterby to life.
Visual achievements aside, we ensured the site's SEO was perfect throughout, giving it the second ranking – first place being the purchase link for the game itself from Steam – on Google.
