D:fi’s New Website Design!

Today, we’re proud to announce the new website launch of D:fi! They’re an awesome hair product company that we’ve had the pleasure of working with, and with the launch of their new Drupal site, we wish them the best! Now, you can see some of the design insights below.

d:fi new website

The Client’s Needs

  • A redesigned website that shows a young, fun lifestyle
  • How-to integration via each product page
  • A “lookbook” page containing model photos with a link to how-to page
  • Focus on social media: social sharing, and the use of brand hashtag throughout the site
  • Brand video featured prominently on the site
  • A salon locator with a means for salons to apply
  • Multi-lingual integration

The Process

  • Meetings at the Revlon office in NYC to discuss client needs
  • Wireframe designs to work out structure without getting distracted by specifics
  • Converted wireframes to high fidelity mockups
  • Revised mockups based on d:fi’s new branding assets and printed materials
  • Completed mobile and tablet mockups
d:fi new website home concept

Initial Menu / Homepage Concept – Source


d:fi new website slider concept

Initial Slider Concept – Source


d:fi new website tablet

Final Lookbook Page, Tablet View – Source

Our website designer, Amie Colosa, shared what she enjoys about the newly designed D:fi website:

  • Use of color throughout the website
  • The simple but engaging homepage featuring a clip of the brand video
  • Content & image animations along with fun hovers adding movement to the site
  • How the product pages aren’t overwhelming to the user and you can really focus on the product
  • The slide down contact form


No comments found

Leave a Reply

Your email address will not be published. Required fields are marked *