Solutions Landing Pages

In order to better understand our stakeholders's needs, I conducted a competitive analysis exercise where we evaluated our competitors' similar role-based pages. I analyzed and compiled the data into a Google document to highlight the following insights.

I worked with the same designer to create some rough wireframes of what the new infrastructure of the solutions pages could be while using a mix of existing components and creating a few new ones.

We focused on alternating imagery with product UIs and finding a layout structure that utilizes white space for breathable, easy to navigate designs.

We held a brainstorming session with the whole design team to decide on a photography style since the previous exercise highlighted a need for warm, inviting and human images on the website.

Once the photography style was selected, I facilitated a quick concepting session for us to come up with ideas for how to depict the Sales professional role in the hero and throughout the page. We worked closely with copy to ensure our ideas worked hand in hand.

Below are a sampling of the images we produced based on our shot list and the items we were able to purchase from Crate and Barrel and Amazon. I managed the 3 day shoot with our in-house photographer and designer, Russell Shaw.

After the decided which art to move forward with, I tackled our second most important insight: animated product UIs to better explain Slack's interface to prospective Sales professionals.

I was able to bring in Issara Willenskomer to do a two day workshop on motion design for our design team in order to create the animations you see below.

Now you can evaluate the two pages side by side to see which one fits into the Slack brand and website more effectively. And if users are better able to digest the content both at a glance and with contextual comprehension.