Xello

web design / UX / illustration

Fully responsive and accessible multi-category blog designed for Xello, an online college and career readiness program. The site houses over 200 articles, 20 case studies and 15 webinars.


Created in Sketch & Figma, each page / component was designed for 4 breakpoints including forms, cards, pagination, search functionality, multi-level menu. I presented each prototype and worked directly with the developer throughout as well as completing all design QA for each page and breakpoint.


Case study pages organized into 3 main sections (challenge, solution & results) as well as an optional pull quote component and call out boxes to highlight key facts. Three different colour themes were designed to allow for variation within the same template.


Webinar posts were designed with 3 user action points. A lead generation form to access the full webinar video and 2 variations of related content accessible by toggle tabs - a summary version and a longer form written recap.

Previous
Previous

Porter Airlines | animation

Next
Next

STEPS & BGO Developments