One of PixelMill's closest partners, Kiefer Consulting, came to us to help them rebrand their 2015 Public facing site. The site was built on SharePoint 2013 and an accelerator framework co-developed by both teams, Kiefer Consulting and PixelMill Inc together. The clients wanted something that was metropolitan, modern but corporate. The results was a successful mixture of the trending banded look, bold imagery with paralax and enterprise focused content.
Work:
The first steps was to find out more about the vision and mood the company was looking to portray in their public site. The Project Manager/UX Strategist and Marekting Manger of PixelMill talked in person with the clients, and walked an expo hall floor to really understand what they liked, what they didn't like, what seemed to best represent them as a company. From those conversations, we were able to pinpoint the mood, imagery, typography and even type of iconography to be used on the site.
Next, the PixelMill design team worked on wireframes, based on the co-developed acelerator framework and the content for the site. These prototypes took into account the responsive design of the site and user journetys for the site, especially in regards to the call to actions on each page. Next high-fidelity mockups were created for all devices sizes and pages. This helped us to make sure that the user experience was consistent and no matter the device, the site would be accessible and easy to use.
Lastly, the PixelMill development team implmented the updated responsive desig. The project was completed and went live early in 2016.
Screenshot of the homepage. Bold cityscape image set on a paralax band, that reflect the enterprise-focused and metroplitan culture of the company. Sticky header navigation that follows the user as they scroll.
Mobile menu that focused on the main navigation, but also has search prominent and links to the company social media accounts.
Continuation of homepage screentshot with another large images background.
The use of client logos and hover interactions help highlight the depth and variety of their work on the homepage.
Screenshot of the Who We Are page which featured the history of the company, a clean grided gallery of the client's team and a call to action to join their team at the bottom.
Screenshot of the What We Do page and the list of services the client offers. Each service highlighed with an icon and brief description.
Continuation of What We Do page, showing the call to action at the bottom.
Screenshot of the How We Do IT page, keeping the consistent blue overlayed cityscape image with page content above and alternating background colored bands below.
Screenshot of the prominent Search found on the sticky header. A graying out of the canvas behind helps focus on the search box.
Search on mobile with the same feel, look and iteraction as is found on the full-sized desktop. Consistent responsive design and user experience was important for the site.
Large chunky footer that not only gave quick links within the site, location of the business, contact information, and social media links, but also emphasized the collaborative work done with global partners.
