Loading ...

Responses by Lundqvist&Dallyn, design firm, and Luke Tongue, developer.

Background: “Danielle Levitt is a film director and photographer whose work covers two decades of documenting music, art, fashion and celebrity,” says Lundqvist&Dallyn. “We had a simple brief: design a website and brand that better reflected Danielle. If you quickly flick through her Instagram account, you see her larger-than-life personality coming through the pictures. We wanted this personality to emerge in her brand, quickly deciding that big, bold color had to exude through in everything.”

Design core: “Overall, the site has a bold, vivid wrapper that helps showcase new images,” Lundqvist&Dallyn says. “Underneath that, we have two main ways of showcasing images: one in a simple singular flick through; the other as sets of images on a scrolling page, helping to reflect a more editorial style.”

Special navigational features: “We used date and time recognition to change the site’s color scheme depending on the time users browse the site,” says Lundqvist&Dallyn. “Check the site at different times, and things look very different.”

Challenges: “Taking designs from Figma to code is never straightforward; there are always things that don’t quite work or look odd,” Lundqvist&Dallyn admits. “The first page has three states: full-page images with bold, custom logotype transitioning into a series of images slowly moving left to right, then finally into some informational type. This page took a lot of back and forth until things started to snap into place. Items start working when you can’t stop playing with the page; you know you’re getting close.”

Technology: “We used the Prismic headless CMS due to its user-friendly content editing and excellent content delivery network for serving images in the latest formats,” Luke Tongue explains. “We chose to use ASP.NET Core for the back end because it’s an open-source platform that seamlessly integrates with Prismic, and the finished site was hosted on the Azure cloud platform—mainly due to its excellent ASP.NET Core support and ease of deployment.

“The site uses a wide range of open-source JavaScript libraries,” Tongue continues. “For example, we used the GSAP animation library for various scroll-based effects and animations and barba.js for custom transitions between pages.”

daniellelevitt.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