Teachmint · Web UI design · 2024
Good ideas, within reach.
A responsive whitepaper page that brings educational content and a clear download action together.
The brief
The published design identifies brand reach and lead generation as the page’s goal. It presents a whitepaper about gamification alongside a short form for readers to access it.
01 / Lead with the content
The opening section pairs the whitepaper title with its summary and publication details, giving readers context before they provide their information.
02 / Keep the next step visible
On desktop, the form sits beside the content introduction. Name, school, phone and role fields lead to the Read Whitepaper action.
03 / Adapt the hierarchy to mobile
The mobile layout stacks the content and form into one column, with a compact navigation header. The same reading and download sequence carries across screen sizes.
The deliverable
Desktop and mobile webpage UI designs, presented together in the original project.
Tools: Figma
Project artwork
Next project