ThreeKit
Aligning a Brand’s Narrative with Its Target Audience
![threekit-top-desktop-view](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/threekit-top-desktop-view.jpg)
![threekit-top-tablet-view](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/threekit-top-tablet-view.png)
![threekit-top-mobile-view](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/threekit-top-mobile-view.png)
Background
ThreeKit is a 3D visualization software company that helps brands create immersive product experiences across channels. It partnered with SmartBug® to bring its product offering into focus while creating a brand new look and feel for its website. Our team aligned ThreeKit’s target audience with the company’s brand narrative to create a clear, easy-to-navigate website that is designed with inbound best practices to meet ThreeKit’s traffic and lead goals.
![1-Threekit-dektop-overlap-slide1](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/1-Threekit-dektop-overlap-slide1.jpg)
![1-Threekit-mobile-overlap-slide1](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/1-Threekit-mobile-overlap-slide1.png)
Defining Personas
Our first step was to define the target audience and create a clear value proposition that aligned the brand’s narrative to the product.
![2-Threekit-desktop-slide1](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/2-Threekit-desktop-slide1.jpg)
Structuring the Website
With the gaps in the brand narrative filled in, we created a new site architecture that clearly defines the brand’s products and services.
![3-Threekit-double-desktop-slide1A](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/3-Threekit-double-desktop-slide1A.jpg)
![3-Threekit-double-desktop-slide1B](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/3-Threekit-double-desktop-slide1B.jpg)
Wireframing the Experience
Targeting customers at all stages of the Buyer’s Journey, we ensured the site could support content for several user mindsets.
![4-Threekit-desktop-slide1](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/4-Threekit-desktop-slide1.jpg)
![4-Threekit-mobile-overlap-slide1-1](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/4-Threekit-mobile-overlap-slide1-1.png)
Customizing the Navigation
To help each customer find relevant content, we created a dropdown menu that allows users to browse solutions by visualization type or use case.
![5-Threekit-desktop-slide1](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/ThreeKit/new%20portfolio%20assets/5-Threekit-desktop-slide1.jpg)
Creating Necessary Content
Product implementation plays a major role in decision-making across personas. We created the Getting Started page to address user pain points.