Loading ...

Responses by Ben Mingo, designer and developer; and Tim Roussilhe, developer.

Design core: The homepage navigation is one of the most distinguishing features of this site. The organic grid, which is randomly composed of each page load, uses the mouse hover to enlarge each photo and gives an unexpected means of exploration. The concept of scale is a theme explored throughout the experience.

Favorite details: We really enjoy the use of abstracted color as a detail element. While each image loads, the image is represented by a colored rectangle, which gives the site a playful feeling. This is also reflected in the favicon which cycles through a few of these colors.

Challenges: Really pulling back the design as much as possible was a challenge. We think one success was how much David’s work can come forward on this site, but that meant constantly stripping away design elements and animations that we found didn’t support the work.

Navigation design: The navigation structure is pretty simple, but we focus on two elements: scale and structure. On the homepage, all the photos are mixed, so everything is pretty small and unorganized. But the deeper you go in the experience, things get scaled up and more structured. We also used simple transitions to link the different screens together.

Technology: “This site is build using my own Framework called Plato.js,” says Roussilhe. “It is a simple, modern JavaScript framework with a static site generator and performance build-in. We used prismic.io for the CMS and Netlify for the deployment.”

davidwilliambaum.com

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In