Hai, I’m Adam
I'm a Design Technologist currently working @ squarespace in NYC
Metropolis World
Introducing Metropolis World, a Metaverse experience combining physical and digital realms!
I love digital
I specialise in rich interactive experiences for web, mobile and tablet devices.
Creative Network
I love to collaborate. I'm currently looking for other creative minds to work, grow and network. Get in touch!
Multi discipline
Being multi disciplined is a big part of my ethos. Whether it's design, development, video or UX; I'm there.
New Media
My focus is working on engaging and interactive applications across the spectrum of devices and platforms.
I love to play
Work makes up such a big part of our lives, so it's important to integrate it in a positive way.
Creative Edge Parties
The experimental site of Creative Edge Parties. Not Just Another Chicken Dinner.
Citak Rugs Inc
Solo project for Citak.
Apps apps apps!
Reaching audiences on the go is becoming increasingly important; I build Apps for both Web and native.
Interested?
If you've got an exciting project you're interested in working together on, get in touch!
Digital
/images/made/6ac0c8005a4536b1/digital_125_125_c1.png
/images/made/6ac0c8005a4536b1/digital_250_250_c1.png
Scuba diving
/images/made/6ac0c8005a4536b1/scuba-diving_125_125_c1.png
/images/made/6ac0c8005a4536b1/scuba-diving_250_250_c1.png
Seafood
/images/made/6ac0c8005a4536b1/seafood_125_125_c1.png
/images/made/6ac0c8005a4536b1/seafood_250_250_c1.png
Studio Ghibli
/images/made/6ac0c8005a4536b1/studio-ghibli_125_125_c1.png
/images/made/6ac0c8005a4536b1/studio-ghibli_250_250_c1.png
Game of Thrones
/images/made/6ac0c8005a4536b1/game-of-thrones_125_125_c1.png
/images/made/6ac0c8005a4536b1/game-of-thrones_250_250_c1.png
jQuery
/images/made/6ac0c8005a4536b1/jquery_125_125_c1.png
/images/made/6ac0c8005a4536b1/jquery_250_250_c1.png
Android
/images/made/6ac0c8005a4536b1/android_125_125_c1.png
/images/made/6ac0c8005a4536b1/android_250_250_c1.png
iOS
/images/made/6ac0c8005a4536b1/ios_125_125_c1.png
/images/made/6ac0c8005a4536b1/ios_250_250_c1.png
iPad
/images/made/6ac0c8005a4536b1/ipad_125_125_c1.png
/images/made/6ac0c8005a4536b1/ipad_250_250_c1.png
The Verge
/images/made/6ac0c8005a4536b1/the-verge_125_125_c1.png
/images/made/6ac0c8005a4536b1/the-verge_250_250_c1.png
The North East
/images/made/6ac0c8005a4536b1/north-east_125_125_c1.png
/images/made/6ac0c8005a4536b1/north-east_250_250_c1.png
Fifth Element
/images/made/6ac0c8005a4536b1/fifth-element_125_125_c1.png
/images/made/6ac0c8005a4536b1/fifth-element_250_250_c1.png
Travel
/images/made/6ac0c8005a4536b1/travel_125_125_c1.png
/images/made/6ac0c8005a4536b1/travel_250_250_c1.png
Boating
/images/made/6ac0c8005a4536b1/boating_125_125_c1.png
/images/made/6ac0c8005a4536b1/boating_250_250_c1.png
3D Printing
/images/made/6ac0c8005a4536b1/3d-printing_125_125_c1.png
/images/made/6ac0c8005a4536b1/3d-printing_250_250_c1.png
Big Bang Theory
/images/made/6ac0c8005a4536b1/big-bang-theory_125_125_c1.png
/images/made/6ac0c8005a4536b1/big-bang-theory_250_250_c1.png
My Family
/images/made/6ac0c8005a4536b1/family_125_125_c1.png
/images/made/6ac0c8005a4536b1/family_250_250_c1.png
I love digital
Core info

I am passionate about interactive media, and in an age of digital I believe bringing design to life with code is essential. So, I specialise in a multi-disciplined approach to my work incorporating design and development.

New Media

My work crosses a broad range of categories in the digital space, both from a design and a technical perspective. I believe in using the right tools for the job so don’t subscribe to following bandwagons. By analysing the job at hand for what it is, you can make informed decisions to ensure the right tools are used to solve the creative problem.

Focus

The focus of my work shifts as the need arises for certain skills in the working environment. This can be both a positive and negative experience, on the one hand you can hone your skills in an in-demand area, but on the other hand you’re ready to explore different areas. This is why I explore ideas and concepts outside of my work so I always have something new to share.

Side Projects

At work I’m known for my love of extracurricular activity! I enjoy creating side projects outside of my working life to share and engage with others. This can be through competitions, websites or games. Work makes up such a big part of our lives and I believe in expanding my ideas and skills without needing it to be on a client brief.

Design or Development?

Design and development are both creative pursuits, and in digital, one couldn’t exist without the other. Having said that I find joy in development by bringing design to life, which is why I wouldn’t classify myself as ‘hardcore developer’ but instead one that can bridge two philosophies and ways of thinking. Say ‘no’ to pigeon holing!

Above and Beyond

My work doesn’t end with the brief. Going above and beyond the parameters that have been set out is essential, not only for your own personal achievement and development but it reflects back into the work you produce for clients.

JavaScript

I build both small and large scale applications in JavaScript daily for desktop, tablet, mobile or server. Combined with an in-depth understanding of UX and design means I can take applications from start to finish. I can also provide consulting and advice on solutions.

On the web, I work with both vanilla and framework-based applications with strong capabilities in popular frameworks such as React/React Native, Redux and web technologies such as WebGL/canvas.

43% 24 7s javascript /images/made/0c359e01d6d8ae1a/planet-texture-javascript_526_526_c1.jpg
/images/made/37ad884cdc8bc8cd/small-planet-javascript@2x_24_24_c1.png
/images/made/37ad884cdc8bc8cd/small-planet-javascript@2x_47_47_c1.png
HTML/CSS

I aim for performance, simplicity and integrity in my work. I'm a stickler for a slick build process, whether that's unit testing, linting integrations, tree shaking and so on. I write CSS modules predominately in SASS and when not working vanilla HTML, solutions such as React's JSX are my choice for DOM manipulation.

61.1% 27 10s htmlcss /images/made/0c359e01d6d8ae1a/planet-texture_526_526_c1.gif
/images/made/37ad884cdc8bc8cd/small-planet-htmlcss@2x_27_27_c1.png
/images/made/37ad884cdc8bc8cd/small-planet-htmlcss@2x_54_54_c1.png
Illustration

I have a penchant for illustration, whether its vector or hand drawn, mixed materials and the like.

65.1% 38 15s illustration /images/made/0c359e01d6d8ae1a/planet-texture-illustration_526_526_c1.jpg
/images/made/37ad884cdc8bc8cd/small-planet@2x_38_38_c1.png
/images/made/37ad884cdc8bc8cd/small-planet@2x_76_76_c1.png
Creative Software

I work daily with all the core creative software whether that's Photoshop, Illustrator, Sketch (love/hate relationship), and various 3D solutions.

29.9% 42 20s photoshop /images/made/0c359e01d6d8ae1a/planet-texture-photoshop_526_526_c1.jpg
/images/made/37ad884cdc8bc8cd/small-planet-photoshop@2x_42_42_c1.png
/images/made/37ad884cdc8bc8cd/small-planet-photoshop@2x_83_83_c1.png
Creative Direction Blending creative and technical means a lot to me, and having an in-depth understanding of both worlds lends itself to new ideas and concepts backed up by a skill and understanding of new possibilities in digital. 75.1% 42 25s indesign /images/made/0c359e01d6d8ae1a/planet-texture-indesign_526_526_c1.gif
/images/made/37ad884cdc8bc8cd/small-planet-indesign@2x_42_42_c1.png
/images/made/37ad884cdc8bc8cd/small-planet-indesign@2x_70_70_c1.png
Server Technologies

I've developed and deployed a number applications over a variety of software stacks including LEMP, LAMP and MEAN, maintaining a Linode server on a LEMP stack for hosting my works.

18.8% 27 30s php /images/made/0c359e01d6d8ae1a/planet-texture-php_526_526_c1.gif
/images/made/37ad884cdc8bc8cd/small-planet-php@2x_27_27_c1.png
/images/made/37ad884cdc8bc8cd/small-planet-php@2x_53_53_c1.png
Video Production

I'm adept in Adobe After Effects. It's a skill I don't often get asked to use by clients, but one that I've spent time developing personally.

87.1% 29 40s video /images/made/0c359e01d6d8ae1a/planet-texture_526_526_c1.jpg
/images/made/37ad884cdc8bc8cd/small-planet-video@2x_29_29_c1.png
/images/made/37ad884cdc8bc8cd/small-planet-video@2x_58_58_c1.png
Apps

I work across the spectrum of platforms; on the web my focus is to create beautiful cross-platform experiences, experimenting with the latest technologies to squeeze the most from any device. In native development, I enjoy working with cross compiling solutions, in particular React Native.

6.5% 22 60s apps /images/made/0c359e01d6d8ae1a/planet-texture-apps_526_526_c1.jpg
/images/made/37ad884cdc8bc8cd/small-planet-apps@2x_22_22_c1.png
/images/made/37ad884cdc8bc8cd/small-planet-apps@2x_44_44_c1.png
Node.js

I've worked extensively with Node.js in recent years, whether that's in the creation of optimized build systems, testing environments, server side rendering and multi-user experiences.

Popular libraries and frameworks I've used include Express, Socket IO, Sails, Passport, MongoDB, React, Yarn/npm, Webpack, Mocha, Sinon, Chai and more.

100% 23 110s flash /images/made/0c359e01d6d8ae1a/planet-texture-flash_526_526_c1.jpg
/images/made/37ad884cdc8bc8cd/small-planet-flash@2x_23_23_c1.png
/images/made/37ad884cdc8bc8cd/small-planet-flash@2x_45_45_c1.png
PA Consulting Microsite
Making the difference.
/work-and-play/pa-consulting-microsite/
PA Consulting are a consultancy specialising in management consulting, technology and innovation. I was tasked to develop a new microsite showcasing PA’s success stories. A fully bespoke build, the site utilizes advanced scrolling mechanisms and I redeveloped the design to function across all platforms (desktop, tablet and mobile).
http://www.paconsulting.com/case-studies/makingthedifference/
/images/made/7d1e93a871917fe2/pa-img1_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/pa-img1_110_80_c1.jpg The Homepage /images/made/4fedefc85e7e190f/pa-img1_528_383auto_c1.jpg The Homepage /images/made/4fedefc85e7e190f/pa-img1_737_535auto_c1.jpg The Homepage
/images/made/4fedefc85e7e190f/pa-img2_110_80_c1.jpg The Dashboard /images/made/4fedefc85e7e190f/pa-img2_528_383auto_c1.jpg The Dashboard /images/made/4fedefc85e7e190f/pa-img2_737_535auto_c1.jpg The Dashboard
Citak Rugs Inc
The brand new Citak website.
/work-and-play/citak-rugs-inc/

Citak Rugs Inc are a Canadian based importer and distributor of the most exceptional and distinct rugs in the world. I was approached by their team to bring their website to the forefront of web techniques and technologies, for desktop, tablet and mobile.

A solo project, I designed and produced all aspects of the site from concept to creation. The site utilizes various advanced HTML5 techniques and technologies such as WebGL, and also incorporates a number of different methods for navigation and interactions, such as swipe, pinch-to-zoom, and keyboard interactions.

With a minimalist and clean 'deceptively simple' approach, the application is built onto Backbone JS (incl. Marionette), and uses additional frameworks such as three.js, GSAP and jQuery. The site is setup with a heavy emphasis on mobile and tablet functionality to ensure a smooth experience cross-platform, while also incorporating a number of polyfill and graceful degradation behaviours, such as WebGL enhancements, CSS transforms and so on.

http://www.citakrugs.ca
/images/made/7d1e93a871917fe2/citak-img1_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/citak-img1_110_80_c1.jpg Citak Homepage /images/made/4fedefc85e7e190f/citak-img1_528_383auto_c1.jpg Citak Homepage /images/made/4fedefc85e7e190f/citak-img1_737_535auto_c1.jpg Citak Homepage
/images/made/4fedefc85e7e190f/citak-img2_110_80_c1.jpg The Collections /images/made/4fedefc85e7e190f/citak-img2_528_383auto_c1.jpg The Collections /images/made/4fedefc85e7e190f/citak-img2_737_535auto_c1.jpg The Collections
/images/made/4fedefc85e7e190f/citak-img3_110_80_c1.jpg 3D rug views /images/made/4fedefc85e7e190f/citak-img3_528_383auto_c1.jpg 3D rug views /images/made/4fedefc85e7e190f/citak-img3_737_535auto_c1.jpg 3D rug views
Creative Edge Parties
WebGL, SCSS & 30K Lines of JS.
/work-and-play/creative-edge-parties/

When a New York catering company approached me last year and asked if I'd like to work with them, little did I know at the time that it would become one of my biggest projects to date; it overhauled the entire way I work, I explored and worked with technologies that I rarely had a chance to work with, and it amounted to over 30,000 lines of handwritten JavaScript.

Read the full article at CSS Design Awards.

http://www.creativeedgeparties.com
/images/made/7d1e93a871917fe2/cep-img1_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/cep-img1_110_80_c1.jpg The Homepage /images/made/4fedefc85e7e190f/cep-img1_528_383auto_c1.jpg The Homepage /images/made/4fedefc85e7e190f/cep-img1_737_535auto_c1.jpg The Homepage
/images/made/4fedefc85e7e190f/cep-img2_110_80_c1.jpg The Gallery /images/made/4fedefc85e7e190f/cep-img2_528_383auto_c1.jpg The Gallery /images/made/4fedefc85e7e190f/cep-img2_737_535auto_c1.jpg The Gallery
/images/made/4fedefc85e7e190f/cep-img3_110_80_c1.jpg The Palatizer Experiment /images/made/4fedefc85e7e190f/cep-img3_528_383auto_c1.jpg The Palatizer Experiment /images/made/4fedefc85e7e190f/cep-img3_737_535auto_c1.jpg The Palatizer Experiment
Jumping Pages
Jumping Pages intermediary turned final Website.
/work-and-play/jumping-pages/

Jumping Pages are specialists in animated stories, events, games, apps and children’s play spaces.

I was approached to work with Jumping Pages to produce an intermediary new site for them; but they loved the new site so much it became their final one!

I produced all aspects of the site, from concept to creation, gearing it towards tablet and mobile devices. Featuring a web app framework, site navigation is powered by cached AJAX JSON feeds to create a seamless browsing experience.

http://www.jumpingpages.com
/images/made/7d1e93a871917fe2/jp-img1_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/jp-img1_110_80_c1.jpg Jumping Pages /images/made/4fedefc85e7e190f/jp-img1_528_383auto_c1.jpg Jumping Pages /images/made/4fedefc85e7e190f/jp-img1_737_535auto_c1.jpg Jumping Pages
/images/made/4fedefc85e7e190f/jp-img2_110_80_c1.jpg Jumping Pages /images/made/4fedefc85e7e190f/jp-img2_528_383auto_c1.jpg Jumping Pages /images/made/4fedefc85e7e190f/jp-img2_737_535auto_c1.jpg Jumping Pages
/images/made/4fedefc85e7e190f/jp-img3_110_80_c1.jpg Jumping Pages /images/made/4fedefc85e7e190f/jp-img3_528_383auto_c1.jpg Jumping Pages /images/made/4fedefc85e7e190f/jp-img3_737_535auto_c1.jpg Jumping Pages
/images/made/4fedefc85e7e190f/jp-img4_110_80_c1.jpg Jumping Pages /images/made/4fedefc85e7e190f/jp-img4_528_383auto_c1.jpg Jumping Pages /images/made/4fedefc85e7e190f/jp-img4_737_535auto_c1.jpg Jumping Pages
Pete Nottage
Pete Nottage Website
/work-and-play/pete-nottage/

Pete Nottage is a UK voiceover and presenter, a Channel 4 continuity announcer, the voice of BBC6 Music, writer and audio producer.

Pete approached me to create a small new interactive site to convey his personality and work, featuring a fun and quirky illustrative approach.

I produced all aspects of the site, from concept to creation. The site features an illustrative responsive virtual city that morphs and changes based on the size of the web browser window.

The site was awarded Site of the Day on CSSDA.

/images/made/7d1e93a871917fe2/pn1_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/pn1_110_80_c1.jpg /images/made/4fedefc85e7e190f/pn1_528_383auto_c1.jpg /images/made/4fedefc85e7e190f/pn1_737_535auto_c1.jpg
Starworks Artists
Starworks Artists website. Utilising device tilt on tablet/mobile.
/work-and-play/starworks-artists/

I was approached to work with Starworks Artists to produce a new upgraded version of their site, with the aim of it being a cross platform and slick new experience.

I produced all aspects of the development and UX of the site from the ground up, with additional input into the overall design in elements such as the lightbox.  The site is geared heavily towards tablet and mobile devices, implementing HTML5 technologies such as tilting mechanisms that respond to the way the screen is tilted in iOS devices.

Structurally, the site is designed to behave as a ‘web app’ experience, utilising AJAX and JSON data to asynchronously load consequent pages of the site by requesting a tiny JSON-ified version of the target page and compiling the page at run time. This acts to reduce loading overheads, and to also make the application behave as efficiently and smoothly as possible. For SEO purposes, all pages of the site exist in two forms; the HTML page output itself, and a JSON version which only contains the core content of the page to compile at run-time (the page is able to switch dynamically as to the form of the content it serves). 

In terms of mobile, the site also has the ability to alter the content that is served; as it’s quite an image heavy site, it alternates between serving the full size images, and for mobile, a reduced version of the same image to avoid loading images that won’t be taken advantage of and increase load times on small screens.

The site is fully hardware accelerated, which ensures smooth transitioning cross platform, particularly on mobile/tablet devices.

Starworks Artists was produced in collaboration with Starworks Group, and Rich Banks.

http://www.starworksartists.com
/images/made/7d1e93a871917fe2/swa-img1_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/swa-img1_110_80_c1.jpg Homepage /images/made/4fedefc85e7e190f/swa-img1_528_383auto_c1.jpg Homepage /images/made/4fedefc85e7e190f/swa-img1_737_535auto_c1.jpg Homepage
/images/made/4fedefc85e7e190f/swa-img2_110_80_c1.jpg Dashboard /images/made/4fedefc85e7e190f/swa-img2_528_383auto_c1.jpg Dashboard /images/made/4fedefc85e7e190f/swa-img2_737_535auto_c1.jpg Dashboard
/images/made/4fedefc85e7e190f/swa-img3_110_80_c1.jpg Portfolio section /images/made/4fedefc85e7e190f/swa-img3_528_383auto_c1.jpg Portfolio section /images/made/4fedefc85e7e190f/swa-img3_737_535auto_c1.jpg Portfolio section
/images/made/4fedefc85e7e190f/swa-img4_110_80_c1.jpg Lightbox /images/made/4fedefc85e7e190f/swa-img4_528_383auto_c1.jpg Lightbox /images/made/4fedefc85e7e190f/swa-img4_737_535auto_c1.jpg Lightbox
/images/made/4fedefc85e7e190f/swa-img5_110_80_c1.jpg Video /images/made/4fedefc85e7e190f/swa-img5_528_383auto_c1.jpg Video /images/made/4fedefc85e7e190f/swa-img5_737_535auto_c1.jpg Video
Pudding Rush
My multi-award winning interactive HTML5 JavaScript game.
/work-and-play/pudding-rush/

Pudding Rush is an interactive JavaScript/HTML5 Christmas game, designed for tablet and desktop. To celebrate the Christmas festivities, and as a chance to experiment outside of live projects; I decided to pursue the concept of a cooking-style game in which you are tasked with creating the British tradition of Christmas Pudding from start to finish. To give it a competitive edge, user's are timed in the process and offered to submit their time to a global leader board upon completing.

Produced for Omobono as a project mostly in my spare time, Pudding Rush was aimed to engage with our clients across the globe, presenting possibilities of interesting methods of user interaction to bring back into live projects, but to also to share with the creative community. It was both designed and produced by myself in a very short timescale (started beginning of November and ready to launch on 1st December, with the majority of the build out of hours).

The project received fantastic feedback both with our clients and the creative community, winning multiple site of the day awards; usually reserved for pieces that have had multiple people working on them rather than one individual from start to finish. The game received over 11,000 visits during the Christmas period, with high activity on social networks.

I produced all aspects of the game, which even included the process of making a physical Christmas Pudding to be able to get the required shots of all the stages! It was an opportunity to focus on powering animation purely via CSS3 animation with JavaScript animation fall backs to browsers that did not support it. The piece also fully supports high-density (retina) devices throughout by providing an option for those on high-density displays to load the game with 2x imagery.

/images/made/7d1e93a871917fe2/thumb_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/pd-hnd_110_80_c1.jpg Wash your hands /images/made/4fedefc85e7e190f/pd-hnd_528_383auto_c1.jpg Wash your hands /images/made/4fedefc85e7e190f/pd-hnd_737_535auto_c1.jpg Wash your hands
/images/made/4fedefc85e7e190f/pd-dash_110_80_c1.jpg Dashboard /images/made/4fedefc85e7e190f/pd-dash_528_383auto_c1.jpg Dashboard /images/made/4fedefc85e7e190f/pd-dash_737_535auto_c1.jpg Dashboard
/images/made/4fedefc85e7e190f/pd-1_110_80_c1.jpg Peel the Apple /images/made/4fedefc85e7e190f/pd-1_528_383auto_c1.jpg Peel the Apple /images/made/4fedefc85e7e190f/pd-1_737_535auto_c1.jpg Peel the Apple
/images/made/4fedefc85e7e190f/pd-chp_110_80_c1.jpg Chop the Apple /images/made/4fedefc85e7e190f/pd-chp_528_383auto_c1.jpg Chop the Apple /images/made/4fedefc85e7e190f/pd-chp_737_535auto_c1.jpg Chop the Apple
/images/made/4fedefc85e7e190f/pd-egg_110_80_c1.jpg Crack the eggs /images/made/4fedefc85e7e190f/pd-egg_528_383auto_c1.jpg Crack the eggs /images/made/4fedefc85e7e190f/pd-egg_737_535auto_c1.jpg Crack the eggs
/images/made/4fedefc85e7e190f/pd-2_110_80_c1.jpg Stir /images/made/4fedefc85e7e190f/pd-2_528_383auto_c1.jpg Stir /images/made/4fedefc85e7e190f/pd-2_737_535auto_c1.jpg Stir
/images/made/4fedefc85e7e190f/pd-3_110_80_c1.jpg Sieve the flour /images/made/4fedefc85e7e190f/pd-3_528_383auto_c1.jpg Sieve the flour /images/made/4fedefc85e7e190f/pd-3_737_535auto_c1.jpg Sieve the flour
Digital Landscape
Illustration of the digital landscape of today.
/work-and-play/digital-landscape/

In 2011 Omobono set out to share the best practice of B2B marketers so that they could learn from their peers. Partnering with The Marketing Society, and ably supported by Circle Research, Omobono researched what B2B marketers really do in digital and what they think works. To complement this research I created the visual infographics to represent the results and also produced a complementary illustration to represent the digital landscape of today.

Produced in illustrator, the aim was to represent the various areas of B2B today; whether that's mobile, search/SEO, social media, video, display advertising, Email marketing etc. The piece has been used for many examples, and also inspired new pieces for our clients.

/portfolio/digitallandscape/
/images/made/7d1e93a871917fe2/dg-thumb_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/db-img1_110_80_c1.jpg The full view /images/made/4fedefc85e7e190f/db-img1_528_383auto_c1.jpg The full view /images/made/4fedefc85e7e190f/db-img1_737_535auto_c1.jpg The full view
/images/made/4fedefc85e7e190f/dg-img2_110_80_c1.jpg Close-up /images/made/4fedefc85e7e190f/dg-img2_528_383auto_c1.jpg Close-up /images/made/4fedefc85e7e190f/dg-img2_737_535auto_c1.jpg Close-up
/images/made/4fedefc85e7e190f/dg-img3_110_80_c1.jpg Close-up /images/made/4fedefc85e7e190f/dg-img3_528_383auto_c1.jpg Close-up /images/made/4fedefc85e7e190f/dg-img3_737_535auto_c1.jpg Close-up
/images/made/4fedefc85e7e190f/dg-img4_110_80_c1.jpg Close-up /images/made/4fedefc85e7e190f/dg-img4_528_383auto_c1.jpg Close-up /images/made/4fedefc85e7e190f/dg-img4_737_535auto_c1.jpg Close-up
/images/made/4fedefc85e7e190f/dg-img5_110_80_c1.jpg Close-up /images/made/4fedefc85e7e190f/dg-img5_528_383auto_c1.jpg Close-up /images/made/4fedefc85e7e190f/dg-img5_737_535auto_c1.jpg Close-up
Adam Hartwig
My personal creative space.
/work-and-play/adam-hartwig/

My personal website is a space in which to experiment. It is a framework to begin working on new ideas and concepts to introduce back into my every day work. Designed to work cross platform - be it desktop, tablet, or mobile - it is both a showcase and a place to work with different types of interactivity.

I created this site from top to bottom to take advantage of various techniques in modern browsers, including the ability to be totally hardware accelerated using native CSS transitions on iOS and Android. As well as desktop browsers that support them such as Chrome and Firefox. This makes the site ideal for viewing on devices such as the iPad, and acts as an example of the fast performance these devices can achieve in-browser, outside of a native app.

It has also been structured to support older browsers by swapping out CSS powered transitions with math and JavaScript to achieve a level of consistency that many opt to forgo. Providing a more unified experience in a scattered browser world is difficult at the best of times!

Important features within the build include: high-density imagery support for retina devices, native CSS transitions with tiered levels of fallback eventually to JavaScript powered animation, hardware acceleration, responsive (with a focus on ensuring an optimum width for desktop displays but with further flexibility when viewed on mobile devices) and web app support (splash screens/touch icons when added as a homescreen application on iOS).

I created all aspects of the website, from initial concept, design, and development; and have powered it using ExpressionEngine.

https://www.adamhartwig.co.uk
/images/made/7d1e93a871917fe2/adam-h-thmb_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/adam-1_110_80_c1.jpg Homescreen on iPad /images/made/4fedefc85e7e190f/adam-1_528_383auto_c1.jpg Homescreen on iPad /images/made/4fedefc85e7e190f/adam-1_737_535auto_c1.jpg Homescreen on iPad
/images/made/4fedefc85e7e190f/adam-4_110_80_c1.jpg Homescreen on iPhone /images/made/4fedefc85e7e190f/adam-4_528_383auto_c1.jpg Homescreen on iPhone /images/made/4fedefc85e7e190f/adam-4_737_535auto_c1.jpg Homescreen on iPhone
/images/made/4fedefc85e7e190f/adam-2_110_80_c1.jpg About on iPad /images/made/4fedefc85e7e190f/adam-2_528_383auto_c1.jpg About on iPad /images/made/4fedefc85e7e190f/adam-2_737_535auto_c1.jpg About on iPad
/images/made/4fedefc85e7e190f/adam-3_110_80_c1.jpg Skills on iPad /images/made/4fedefc85e7e190f/adam-3_528_383auto_c1.jpg Skills on iPad /images/made/4fedefc85e7e190f/adam-3_737_535auto_c1.jpg Skills on iPad
Omobono Website
Omobono website upgrade.
/work-and-play/omobono-website/

I was involved in the refresh Omobono company website to bring it more inline with the values and skills of the company with a focus on preparing the site for tablet and desktop. My focus was on the centre-piece, retina imagery, hardware acceleration and tablet specific content. In addition I am also currently responsible for constructing the mobile variant of the piece geared for smaller resolution devices.

/images/made/7d1e93a871917fe2/omob-thmb_219_158auto_c1.jpg
/images/made/4fedefc85e7e190f/omob-img1_110_80_c1.jpg Let's go to work /images/made/4fedefc85e7e190f/omob-img1_528_383auto_c1.jpg Let's go to work /images/made/4fedefc85e7e190f/omob-img1_737_535auto_c1.jpg Let's go to work
/images/made/4fedefc85e7e190f/omob-img1a_110_80_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img1a_528_383auto_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img1a_737_535auto_c1.jpg Omobono Homepage
/images/made/4fedefc85e7e190f/omob-img2_110_80_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img2_528_383auto_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img2_737_535auto_c1.jpg Omobono Homepage
/images/made/4fedefc85e7e190f/omob-img3_110_80_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img3_528_383auto_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img3_737_535auto_c1.jpg Omobono Homepage
/images/made/4fedefc85e7e190f/omob-img4_110_80_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img4_528_383auto_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img4_737_535auto_c1.jpg Omobono Homepage
/images/made/4fedefc85e7e190f/omob-img5_110_80_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img5_528_383auto_c1.jpg Omobono Homepage /images/made/4fedefc85e7e190f/omob-img5_737_535auto_c1.jpg Omobono Homepage
3D Printing
Experiments with 3D printing from Shapeways
/work-and-play/3d-printing/

​I'd been interested in finding a reason to experiment with 3D printing, so I decided to run an internal campaign as an opportunity to give it a try. I turned the people of Omobono into pixel characters and created a competition and the winners received a 3D printed model of their character.

After creating the 3D models to spec, I used the Shapeways service to create full colour sandstone versions of the models.

/images/made/7d1e93a871917fe2/IMG_0344_219_158auto_c1.png
/images/made/4fedefc85e7e190f/pixel_chars1_110_80_c1.jpg Omobono pixel characters /images/made/4fedefc85e7e190f/pixel_chars1_528_383auto_c1.jpg Omobono pixel characters /images/made/4fedefc85e7e190f/pixel_chars1_737_535auto_c1.jpg Omobono pixel characters
/images/made/4fedefc85e7e190f/pixel_chars2_110_80_c1.jpg The winners characters /images/made/4fedefc85e7e190f/pixel_chars2_528_383auto_c1.jpg The winners characters /images/made/4fedefc85e7e190f/pixel_chars2_737_535auto_c1.jpg The winners characters
/images/made/4fedefc85e7e190f/pixel_chars3_110_80_c1.jpg 3D Printed models /images/made/4fedefc85e7e190f/pixel_chars3_528_383auto_c1.jpg 3D Printed models /images/made/4fedefc85e7e190f/pixel_chars3_737_535auto_c1.jpg 3D Printed models
/images/made/4fedefc85e7e190f/pixel_chars4_110_80_c1.jpg 3D Printed models /images/made/4fedefc85e7e190f/pixel_chars4_528_383auto_c1.jpg 3D Printed models /images/made/4fedefc85e7e190f/pixel_chars4_737_535auto_c1.jpg 3D Printed models
/images/made/4fedefc85e7e190f/pixel_chars5_110_80_c1.jpg 3D Printed models /images/made/4fedefc85e7e190f/pixel_chars5_528_383auto_c1.jpg 3D Printed models /images/made/4fedefc85e7e190f/pixel_chars5_737_535auto_c1.jpg 3D Printed models
/images/made/4fedefc85e7e190f/pixel_chars6_110_80_c1.jpg Close-up /images/made/4fedefc85e7e190f/pixel_chars6_528_383auto_c1.jpg Close-up /images/made/4fedefc85e7e190f/pixel_chars6_737_535auto_c1.jpg Close-up
Ready for more?
Due to client NDA's, I'm not able to publicly display all of my work. If you would like access to see my full portfolio please contact me. If you already have access, please login here.
true
Project
About
Thank you.
Your postcard has been sent!
I will respond to your message as soon as possible.
Contact Me

If you'd like to make an enquiry, please feel free to get in touch, and I will respond as soon as possible.

If you prefer to contact me directly, send your Email to:

Follow me on Twitter @ImAdamTM

Name:*
Email:*
Message:* (1000 Characters)
* denotes a required field
Please complete all required fields before submitting.
Oops! There was a problem sending the message, please try again.
Sending...
Drats! That's a 404
The page you were looking for could not be found! Use the navigation up top, or contact me to report an issue!
The FWA
Adam Hartwig: Site of the day http://www.thefwa.com/site/adam-hartwig
Creative Edge Parties: Site of the day http://www.thefwa.com/site/creative-edge-parties
/images/made/f7b77d8eb4d7d34b/fwa_242_134.png242134
/images/made/f7b77d8eb4d7d34b/fwa_484_268.png
Awwwards
Adam Hartwig: Site of the Day, May 9th http://www.awwwards.com/web-design-awards/adam-hartwig
Creative Edge Parties: Honorable Mention http://www.awwwards.com/best-websites/creative-edge-parties/
Pete Nottage: Honorable Mention http://www.awwwards.com/best-websites/pete-nottage/
Starworks Artists: Honorable Mention http://www.awwwards.com/best-websites/starworks-artists/
/images/made/f7b77d8eb4d7d34b/awwwards_117_133.png117134
/images/made/f7b77d8eb4d7d34b/awwwards_235_268.png
OnePageLove
Adam Hartwig: Most Loved site award + site of the year contender http://onepagelove.com/adam-hartwig
Pudding Rush: Most loved site award + featured sites of 2012 http://onepagelove.com/pudding-rush
/images/made/f7b77d8eb4d7d34b/onepagelove_150_134.png150134
/images/made/f7b77d8eb4d7d34b/onepagelove_300_268.png
CSS Design Awards
Adam Hartwig: Site of the day http://www.cssdesignawards.com/sites/adam-hartwig/18984/
Creative Edge Parties: Site of the day http://www.cssdesignawards.com/sites/creative-edge-parties/26104/
Pudding Rush: Site of the day http://www.cssdesignawards.com/sites/pete-nottage/24393/
/images/made/f7b77d8eb4d7d34b/cssdesignawards_138_134.png138134
/images/made/f7b77d8eb4d7d34b/cssdesignawards_276_268.png
The Best Designs
Adam Hartwig: Feature Site http://www.thebestdesigns.com/2013/04/25/adam-hartwig/
/images/made/f7b77d8eb4d7d34b/thebestdesigns_188_134.png188134
/images/made/f7b77d8eb4d7d34b/thebestdesigns_376_268.png
CSSAwards
Creative Edge Parties: Site of the Month http://www.cssawds.com/website/creative-edge-parties/
Adam Hartwig: Featured Site http://www.cssawds.com/
Pudding Rush: Featured Site http://www.cssawds.com/
/images/made/f7b77d8eb4d7d34b/cssawards_242_134.png242134
/images/made/f7b77d8eb4d7d34b/cssawards_484_268.png
French Design Index
Adam Hartwig: Site of the day http://www.frenchdesignindex.com/design-index-3802
French Design Index: Site of the day http://www.frenchdesignindex.com/design-index-9549
/images/made/f7b77d8eb4d7d34b/frenchdesignindex_115_134.png115134
/images/made/f7b77d8eb4d7d34b/frenchdesignindex_230_268.png
HTML Inspiration
Adam Hartwig: Featured Site + #1 Best of the best http://htmlinspiration.com/adam-hartwig/358/
/images/made/f7b77d8eb4d7d34b/htmlinspiration_117_133.png117134
/images/made/f7b77d8eb4d7d34b/htmlinspiration_235_268.png
Codrops
Adam Hartwig: Inspirational Site of the Week http://tympanus.net/codrops/collective/collective-61/
/images/made/f7b77d8eb4d7d34b/codrops_117_133.png117134
/images/made/f7b77d8eb4d7d34b/codrops_235_268.png
Very Nice Sites
Adam Hartwig: Featured Site http://www.verynicesites.com/sites/adam-hartwig/
/images/made/f7b77d8eb4d7d34b/verynicesites_125_134.png125134
/images/made/f7b77d8eb4d7d34b/verynicesites_250_268.png
Loading