top of page

Clever Website Design

Clever is the most widely used single sign-on platform for K-12 education that simplifies access and improves engagement with digital learning.



Production Designer


Clever Inc.

Making education equitable for all

Clever securely connects the data and applications that schools rely on to make digital learning work better for everyone. With their free platform for schools and a network of leading application providers, Clever brings accessible and secure technology to the world.

Powering digital learning

The goal of Clever's redesign was to evaluate the existing site and suggest improvements for its visual promotion based off existing brand guidelines. Additionally, the project needed to achieve an intuitive experience for its multiple user funnels and vividly portray the brand narrative through a high-performing, optimized web experience to generate leads. In order to accomplish this, we first identified the goals that Clever needed to achieve through the redesign. This included: improving site visuals to better reflect their brand promise, communicating global presence, and creating well thought out user journeys. 


During our research phase, our team compiled over 10+ websites and synthesized specific elements of what we believed to make them successful. We then identified recurring elements from the websites and incorporated these findings into the wireframes and visual designs. This included: information architecture, mega menu design, content hierarchy, and clear, engaging homepages that introduce the product clearly to users.

Design Process

Throughout the site, we created pages that leaned towards simple and clean designs in order to create opportunities for movement and animations to enhance the user experience. This allowed the site to become more immersive and let its brand storytelling shine. By designing pages that are light and airy feeling, we were able to incorporate Clever's secondary brand colors and shapes without making the design feel too overwhelming. Our team also designed an iconography set to mimic the existing line work graphics in the brand guidelines and also incorporate some areas of color to pop. 

Once the desktop pages were fully designed, we then focused on responsive design for mobile, tablet, and widescreen to ensure for a seamless browsing experience across various devices. Careful attention was given to the responsive experience throughout the project so the experience is consistent on every device.