Website designed and built for Christopher Melgram. We intentionally designed the website to reference a a 3D space as Christopher works within the digital and physical environments. We added used bright orange for all elements to make it more personal to Christopher. The website was designed to be very simple making it very easy to browse through projects. The site was built with Kirby CMS.
01
↑
Animations created for OMSE for Grounded, an eco-friendly packaging company that creates biodegradable products. The renders show the packaging degrading over time to mimic the process of the products. We used models of common packaging and stylised the packaging to fit within the branding of Grounded.
nextimage.xyz is an experimental project which reimagines the ways we browse images on the web. Instead of scrolling down a feed, users must move to advance.
The sequence of images is curated from Flickr using the Google Vision API. Simply enter a word to start. Each subsequent image is found by reading the contents of the one that came before. The result is an endless and unique sequence of images which gradually flows from one subject to another.
Using Universal Sans by Family Type
03
↑
CTRL-R is an ongoing personal project where we reconsider how we interact with digital interfaces. The way we use computers has become so streamlined and vanilla that we think there is an opportunity to make people slow down and play with their hardware in a new and more exciting way. We are creating a collection of controllers which are designed to fulfil specific functions, such as refreshing a web page, or copy and pasting some text. These objects turn ordinary tasks into satisfying and playful interactions.
Universal Sans is a variable typeface system designed by Familytype which we helped design and develop. The idea was to build a variable sans serif typeface that allowed for a large range of customisation. The website is built of modules that allow users to customise different aspects of the font such as weight, roundness, skew and terminals, as well as selecting alternates. On completion, a static version of the font is generated for the user to download and use. The site has Stripe integration to allow user to purchase licenses for their custom fonts.
Website designed and developed for Butt Studio. We updated the look of the site by adding a bit of boldness and character to the landing page view and implementing 3D furnishings to make the site feel more personal to Butt Studio. The site was built with Kirby CMS and was designed to be easy to browse and simple to use, with an added download function for people that want to collect or share images from a project.
We worked with Connor Campbell to create a custom portfolio site. Using his designs, we developed the website using the Kirby CMS to handle the backend. We created tools to customise the layout of project pages as well as functions to randomise the layouts of the home and misc pages on load.
07
↑
We worked with Family Type and Omse to create an augmented reality campaign for the AW19 and SS20 seasons for Printworks London. The custom app brought billboards across London and the UK to life through AR. Available on the Google Play and Apple App Store.
In collaboration with Family Type and Omse.
Holding page designed and developed for Hervisions. The website features an interactive space which displays the work of the artists she represents. A smooth side scrolling effect plays with the images, breaking them apart into a fluid stream of content. In addition, we updated the Hervisions identity by bringing the brand assets into 3D space.
Virtual Gap Year was a collaboration between Pitch Studios and IAM which explored different islands relating to a different theme of IAM Weekend 2019 'The Quantumness of Archipelagos'. We were one of the 4 3D artists that collaborated on this film. Our island was based around the theme of Deconstructing Ecosystems. Check out the full video here.
In collaboration with Pitch Studios, Smisko Ackerman, Lorna Pittaway, Polina Zinziver, Marina Maekawa and Jennifer Loveless
Website for type foundry, Family Type. Featuring interactive modules and diagrams which allows you to explore and play with the type. Designed with a modular layout, each typeface has a section for type testing, browsing glyphs, comparing weights and showing off its unique qualities. The site features a custom backend and Stripe integration for payments.
Twomuch Supplies is a side project where we design and produce various items and objects. Keep an eye on the twomuch.supplies site for new drops and additions.
12
↑
We collaborated with Pitch Portal to transform their experimental project, Streaming Consciousness, into an immersive digital experience. In addition, we created an animated version of the piece to be displayed on the screens of EP7 in Paris. Read more about the project here.
In collaboration with Pitch Studio, Pitch Portal, Nathalie de Valliére, Ana Roman
Website design and development for Revision. Revision's mission is to change the way innovators think about opportunity versus responsibility with emerging technologies. We created an interactive 3D space with a simple expandable split-screen design for Revision to easily add and update content on to the site.
Website development for the London issue Timesheets Magazine by Toggl. The site features a number of different interviews with creatives on how they spent their time. The site has a split screen layout with smooth scroll transitions between projects. It also has an interactive brick wall which requires users to breakdown before they can see the content behind.
Website design by Studio 24/24.
Plastic Paper is a project by Placeholder. The studio produced a book which explored the large variety of plastic bag designs throughout New York. All profits from the book were donated to Parley. We helped by creating a custom Squarespace website which features an interactive 3D version of the book and a shop for selling the book and other objects.
SontFwap is a chrome extension which was designed for type and web designers. It allows them to test out new typefaces on any website they'd like, making it quick and easy to see how they perform in designed environments.
Download the extension on the Chrome store
Boook.Land is a space for collaborative storytelling, bringing the online world together to write a novel. Participants continue the story using only the last few paragraphs for reference. Participants could also illustrate the book live as it was written. Vol.001 Birthland, ran throughout November 2018, in which time it received over 2,600 text submissions, resulting in a 56,000 word novel. In addition, over 1,300 illustrations where also submitted.
Collaboration with Harry Boyd.
Using Good Sans and Chapter by Good Type Foundry
Agenda 2020 was an augmented reality exhibition by OMSE and Family Type that looked at daily interactions in the future. We explored, designed and developed different interactions and animations in AR for the the exhibition. The show consisted of a number of posters, wall vinyls and 3D objects, all used as markers for the AR app we helped develop.
In collaboration with Oliver Ellmers and Serafim Mendes
19
↑
A personal project exploring the creation of a generative typeface. The result was a 'living' typeface which reacted and changed based on elements of our collaboration together. Every 10 minutes, a new font is generated based on the physical distance between us, monitored by an app on our phones. The closer we are together, the the more whole and complete the typeface is. The further we move apart, the greater the typeface gets distorted. This font was then hosted on our previous website, assigned to our '2m' logo. An additional input was a programme running on both of our computers, which was tracking our mouse movements. These were then translated to how the '2' and the 'm' moved around on the webpage.
20
↑
Every(001) is an experimental personal project focusing on connecting people together online through their cursors. The primary output is a Google Chrome extension which allows users to experience a more social web browsing environment. By installing the extension, you are able to see and interact with other users who also have the extension, regardless of what webpage you are on. All of this is updated in realtime.
We also developed a static version of Every(001) that shows the cursor of everyone who is currently browsing the site that it's installed on. This was implemented in the CSM GCD degree show website which we helped design and build.
👀
↑
