postcentive.png

Postcentive

Postcentive is a marketing tool that scrapes Instagram hashtags and comments for information. The user can search for BMW I8 for example, and the tool will show all the recent post that include that image regardless of if the hashtag ("I8" or BMW "I8") is included or not. The tool also allows the user to get location data about the post, and repost that data on their own feed. 

Brief:

My assignment was to redesign the site to modernize it and reflect the simple and powerful ability of the tool. 

My Role:

As the sole designer I was responsible for creating the sitemap and user flow for the current site, and updating it for the redesign. Normally I would use a tool like Sketch to create the mockups, but for this assignment I used the web application Webflow. 

Overview:

"Postcentive helps you understand and use the content your customers are posting about you. We create custom Instagram feeds that can be displayed anywhere from your Facebook page to your mobile app, these feeds are completely curated by you. We offer a proprietary system to filter through the flood of content, locating the images that truly embody your brand, events, venues, or products. Once you embed our feeds you will unlock a whole new level of social understanding. You will know what images capture the attention your end users, what words and phrases are most commonly associated with those images, then you can use our sharing technology to re-use the most popular images as promotional content."  

 
PC site map.png
Mobile & Desktop Wireframes

Mobile & Desktop Wireframes

Postcentive is an advanced tool that is designed to be simple. Likewise, the main site should also be simple and minimalistic as well. I tried to section off the site with simple rectangular blocks in the wireframes to keep the navigation straightforward.

Mobile Mockup

Mobile Mockup

I built the site in Webflow as it allows you to mockup and prototype at the same time. Webflow also allows you to export your design in HTML and CSS to hand off to a developer. Additionally designing a responsive website in sketch would force me to make multiple iterations of the same screen. Webflow streamlines the process as the mobile and desktop designs exist side by side and only require minor tweaking. 

Desktop Mockup

Desktop Mockup

I took layout, font and copy inspiration from Material design and minimalistic informational sites like HiOscar.com