Progressive Web App ( PWA), WebGL, Vue. js
Mark Cotton runs down his favourite websites of the month, including Foosball World Cup 18’s futuristic Three.js game
The creative digital agency Artists Web present its online portfolio as an interactive experience. Its dynamic, modern approach utilises the latest technologies to create a solution that is impressive on a broad range of devices. With progressive web app (PWA) provisions in place, including service workers, the user is proactively prompted by the browser to ‘Add to homescreen’ when visiting the website on recent mobile versions of Chrome.
Artists Web has been built on Vue.js and utilises Webpack, with GSAP and WebGL being key factors in its seamless transitions. The portfolio utilises mouse and touch gestures throughout to aid a unique navigation. A combination of simple gestures have been implemented to give an impressive custom feel, which is seamless when transitioning between areas. The use of mouse and touch gestures is present again to trigger interactions with the surrounds when hovering over elements of the page. Other interactions – including the ability to contact via audio clip – add to the immersive feel of the portfolio.
Videos have been created for each of the included case studies. These provide a deeper overview of each project in a small time frame, demonstrating key features and interactions that are available for each piece.