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.
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.
The content strategy team created a comprehensive transcript that contained lots of data heavy information, areas for illustrations and interactive elements.
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.
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.
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.
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.
The graphs above were developed before the web page for marketing to send them out to numerous public relations channels for promotion.
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.
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.
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.
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.
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.
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.
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.