RAISE ANATOMY

If you’re thinking about asking for a raise, read this first: PayScale’s new “Raise Anatomy” report helps employees who are asking for an increase make all the right moves, moves that – based on our research – make you more likely to land the raise you want. The report also helps employers ensure that they’re making fair, equitable pay adjustments across their organization.

Overview

This project focused on developing an e-book / data-report about who gets raises more often in comparison to race & gender, and how to effectively ask for a raise. The design consisted of interactive elements and data visualizations for print & web.

Challenge

Design & define the overall marketing campaign that would both be living as an e-book and a full web page design. Finding a strategic and strong visual direction that communicates to both the b2b & b2c channels.

Mobirise

Explore Subject

The content strategy team created a comprehensive transcript that contained lots of data heavy information, areas for illustrations and interactive elements.

Data Visualization

The data teams were discovering what data points told the bigger story about how pay raises were effecting industries, job markets. The main angle was how to pivot a story that could benefit both employees and hr managers.

UX & Visual Design

Typically, I would have liked to have carried a more heavy duty usability study when it comes to heavy design material such as this, but the iterations needed to happen fast.

Strategic & Visual Design

A bulk of my task was not only understanding how this e-book should be designed and marketed, but also figuring out next steps to build data visualizations and interactive elements for the entire web experience.

Data Visulizations

Since the report told the story with a lot of helpful data to understand the big message, I received excel worksheets which I brought into illustrator to develop. The website has interactive versions that I used infogram to build them with.

Raise Anatomy
Raise Anatomy
Raise Anatomy
Raise Anatomy
Raise Anatomy
Raise Anatomy
Raise Anatomy
The graphs above were developed before the web page for marketing to send them out to numerous public relations channels for promotion.
Raise Anatomy

Wireframe

The structure of the page was broken into multiple sections that were specific to both a person who wanted to learn more about how to ask for a raise with data to help tell that story along with another side to help people in HR understand the bigger picture at hand.

Sticky Header and Anchors

The top of the page needed to have a sticky sub-navigation that would lead the user to any section of the page they felt like viewing.

Long Form - Content

With Google's latest benchmarking update and how they rank pages, meant that web pages needed to have more meaningful and long form content which was one of the primary goals of this design.

Interactive Layers

Each of these sections were going to contain data visualizations that were going to be both interactive or static. The bigger section at the top of the page was in need of a 3d layer - interactive segment allowing users to click each of the layers. The idea in mind, was letting users discover the necessary steps in thinking about asking for a raise.

Early Mockups

Since we only had about 4 weeks to complete this entire campaign I had to find an art direction that made sense for the entire story, and move into mockups of some of the design elements right away.

Raise Anatomy
Raise Anatomy
Raise Anatomy
Raise Anatomy

HiFi Design

Final main page design with all the elements signed off from all the teams. This was the main mockup that I put into spec and sent over to development. I also assisted in taking care off a lot of the web page design in wordpress, which was cleaned and finalized by dev.

Raise-Anatomy

Final Production

Screen shots of the final design in production, build inside of wordpress with a full custom theme. I handed up a full spec for development and was able to oversee some of the design elements when being built. I usually help with front end projects but this contained heavier backend - and data rich content with the table, formatting, and filters.

Raise-Anatomy
Raise-Anatomy
Raise-Anatomy
Raise-Antomy

Continue to the next project for more design work

JOBSCAN

© Copyright 2019 Creative Charles - All Rights Reserved