Prototyping, Mobile Design, and Development
An IxD Driven Web App
for one of the largest IT companies in the world.
Cognizant is an international corporation that provides custom information technology, consulting, and business process outsourcing services. It's the third largest IT company in the world behind Accenture and IBM and it prides itself for pushing the limits of technology.
Cognizant asked Makeable to redesign and rethink the 'Latest Thinking' section of their website. Their 'Latest Thinking' stores white papers and other grey lit for existing and potential clients. We created a Linkedin-powered collaborative content service that allowed users to save articles and create groups to share bundled content.
I prototyped a customized form and this slider were prototyped before development began. The form gives the impression of movement in three dimensions and the client wanted to see it before taking it to production. Both prototypes can are available here and the github repository is here.
The style of the animations thoughout the site were created to be 'on-brand' and consistent with the tone of voice the company wants to project.
I wanted the site to feel as natural as possible creating hierarchy to guide the user's attention. The best way to do that is use actual physics to create the animations which Velocity.js supports. A higher tension increases total speed and bounciness. A lower friction increases ending vibration speed. I created this Codepen to demonstrate the physics involved in the animations.
The main concept behind the redesign are the folders allowing users to collect and collaborate on topics in Cognizant's library of research.
I did mobile design in-browser, significantly speeding up the workflow. We showed working comps to the client, making it much easier for them to understand and faster to approve.