Duet PR

A brochure website for a public relations firm specializing in full-service communications and social media campaigns.

Project Description

Duet Public Relations came to us to redesign their website from the ground up. They wanted to keep their existing logo and branding so we were asked to design with that in mind. We built them a fresh Wordpress theme that showcased their work and services, looked striking, and allowed them to manage their content easily.

Typography & Colour

  • Aa
    • abcdefghijklmnopqrstuvwxyz
    • abcdefghijklmnopqrstuvwxyz
    • 0123456789

    Playfair Display - Bold

  • Aa
    • abcdefghijklmnopqrstuvwxyz
    • abcdefghijklmnopqrstuvwxyz
    • 0123456789

    Raleway - Light, Regular, Medium, Bold

  • Cerise

    • HEX: #DE2F7D
    • RGB: (222, 47, 125)
  • Black

    • HEX: #000000
    • RGB: (0, 0, 0)
  • #DE2F7D
  • #000000

Web & UI Design

We wanted the site to be colorful and lively so we added some depth and movement using an effect called parallax to bring some life to the page. We opted for full-colour photography alongside the accented pink gradient to really make the page pop.

Website Development

We built a custom Wordpress theme for Duet PR. We focused our efforts on the channeling Duet's characteristics and personality. We used a cool plugin to make a parallax effect with some of our floating images and content pieces and added video content automatically pulled from their YouTube channel. In the footer, we made use of the Google Maps API for an isometric view of their office. We also added some nice SVG line drawings and animated gifs to liven up the page.

Framework

Languages

  • CSS
  • HTML
  • Javascript
  • PHP

Tools

  • jQuery
  • SASS

API

  • Google Maps

Approach

  • Mobile First
  • Responsive

See What We Did for Primal Nutrition