P R O B L E M
Supra aimed to educate its developer community with clear, accessible resources, but AutoFi’s 25 technical use cases were dense and difficult to navigate in their original format.
A p p r o a c h
As part of AutoFi’s education efforts, I designed a scroll-friendly PDF that translated complex technical content into a clear visual system. Using hand-sketched wireframes, strong typographic hierarchy, bold numbering, and a consistent layout, I organized all 25 use cases for easy navigation. To make the concepts more engaging, I introduced a recurring robotic character and custom HUD-style illustrations that visually represented AutoFi’s processes, helping break up dense content and reinforce key ideas.
R E S U L T
The PDF became a key educational asset within the AutoFi campaign, used across marketing materials, presentations, and community resources. Below are selected pages highlighting the visual system and layout approach.
Process
C R E D I T S
Graphic Design & Illustartion: Olga Hashim
Art Direction: Luying Yeo & Kai Pham
Copywriting: Alex Kerrigan
Art Direction: Luying Yeo & Kai Pham
Copywriting: Alex Kerrigan
