AI teaching tool redesign
An AI toolset that helps UK teachers plan lessons and build classroom resources asked CodeLeap to refresh its look. We redesigned the core pages of the web app and created a new visual style and logo, working closely with the founders in Figma.
What we did CodeLeap redesigned the core pages of a UK AI teaching toolset's web app and refreshed its visual style and logo, delivered as Figma designs.
A teacher's tool, redrawn. The product gives teachers AI tools for lesson planning, worksheets and reports. As it found its audience, its interface and brand needed to catch up with the tools behind them. The founders brought CodeLeap in to redesign the core pages and refresh the identity. Our designers reworked each page in Figma — often the whole flow, not just one screen — and shared every version with the founders for feedback before sign-off.
What we built
-
New visual style and logo
A refreshed look built on the brand's orange, with a softer, more distinctive logo and a consistent style across the product. The founders reviewed the new direction and liked it straight away.
-
Redesigned core pages
CodeLeap redesigned the main pages teachers use, from the tools library to account and support screens. For several, we designed the full flow rather than a single screen, so the experience held together end to end.
-
Extra screens mapped and designed
Beyond the core set, we mapped and designed further screens the founders needed, including My Content and Pricing, so the redesign covered the journeys that matter most for signing up and getting value.
-
Close collaboration in Figma
The whole redesign ran in Figma, with the founders commenting directly on the work. That tight feedback loop meant each page was shaped around their input and agreed before it was considered done.
Why this matters to you:
The redesign gave the product a clearer, more confident interface and a brand to match. The founders came away happy with the new direction, with a complete set of Figma designs — core pages and key extra screens — ready to take into development whenever they chose to build.
Keep exploring
-
AWS programme websitesCampaign websites for AWS's community programmes — Girls' Tech Series, CloudRoom, CloudPrep and more — designed and built with events agency Marble LDN to bring young people into tech.
read more -
SBUCodeLeap automated the full sales cycle for a client in the UK energy sector, from lead capture through to signed contract, increasing lead generation capacity by 5x in 3 months.
read more -
WeSnagA large London-based construction company managing major residential sites — dozens of contractors, thousands of defects — came to CodeLeap for a digital snagging platform. Within 6 months, we delivered a fully functioning mobile app that reduced human errors and accelerated the snagging process for construction managers.
read more
