D:fi’s New Website Design!

Home / Client Spotlight / 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 https://dribbble.com/Huemor


d:fi new website slider concept

Initial Slider Concept – Source https://dribbble.com/Huemor


d:fi new website tablet

Final Lookbook Page, Tablet View – Source https://dribbble.com/Huemor

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



Quit Waiting. Use Our Project Calculator


No comments found

Leave a Reply

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