ADEOLA BADERO

Design Engineer
Lagos, NG.

About

Product-minded Design Engineer with expertise in React, Next.js, TypeScript, and Figma. I bridge the gap between creative design and technical implementation, building scalable design systems and pixel-perfect interfaces that align with business goals.

Skills

Frontend Engineering

TypeScript, React, Next.js, Redux, React Query, Tailwind CSS, SCSS, HTML5/CSS3, Vite, Zustand.

Design and Prototyping

Figma, Design Systems, Interaction Design, Wireframing, User-Centered Design, Accessibility (a11y).

Concepts

SEO Principles, Responsive Design, State Management, Agile/Scrum.

Front-End Development

NEXT.js, TypeScript, JavaScript (ES6+), React, Redux, React Query, React Router, Vite, Tailwind CSS, SCSS, HTML5/CSS3.

Work

Vobb
|

Frontend Engineer

London, UK

Remote

Highlights

Refactored advanced filtering system, resolving complex query errors and achieving 100% user satisfaction.

Designed and deployed a scalable product-data update flow powered by high-efficiency dropdown components, reducing operational overhead and improving data reliability across the product.

Engineered a fluid drag-and-drop Kanban interaction system using Optimistic UI patterns. By implementing instant client-side validation and optimistic state updates, I eliminated UI blocking during stage transitions, improving perceived responsiveness by 80% and board performance by 90%

Bells University of Technology (NiJASIT)
|

Design Engineer

Ota, Nigeria

Freelance

Highlights

Executed end-to-end product delivery for a research publication platform: translated business requirements into high-fidelity Figma prototypes and developed the production app using Next.js and Tailwind.

Delivered a responsive, accessible interface that achieved a 95% stakeholder satisfaction rate, collaborating closely with backend engineers to ensure seamless API integration.

Bluechip Technologies
|

Software Engineering Intern

Summary

Contributed to the development of an API marketplace, focusing on responsive UI components and optimizing user interaction through efficient front-end solutions.

Highlights

Architected a reusable, responsive table component that reduced codebase size by 15%, setting a new standard for UI consistency and accelerating development across the application.

Engineered complex interaction patterns using ChakraUI—including context menus, drawers, and modals—to streamline CRUD operations and significantly reduce user cognitive load

NNPC Limited
|

UI Design Intern

Summary

Led the design and development of critical administrative software interfaces, enhancing user experience and achieving high stakeholder approval.

Highlights

Designed a comprehensive UI Design System (templates for dashboards, multi-step forms, and profiles) to streamline design consistency across administrative platforms.

Led the interface design for critical internal tools, securing a 60% approval rate from leadership and an 80% user satisfaction score through iterative prototyping.

Projects

Quiklearn | AI-Powered Study Assistant
Quiklearn | AI-Powered Study Assistant

Project

Summary

Developed an accessible, AI-driven learning tool that converts PDFs into quizzes and voice-enabled flashcards using Next.js, TailwindCSS, Supabase, Daisy UI, Polar, Kora (for Nigerian Payments), Vercel AI SDK, Google Gemini API, Resend and NextAuth. It's been adopted by over 100 users, helping them study better via active recall and email reminders.

Offset Communications | Agency Portfolio & PR Platform
Offset Communications | Agency Portfolio & PR Platform

Freelance

Summary

Designed and deployed a high-conversion portfolio site to showcase PR services, translating complex service offerings into an intuitive, visual narrative. I focused on visual hierarchy and layout optimization to effectively guide user attention to key case studies, directly supporting the agency's client acquisition strategy.

Education

Bells University of Technology

B.Eng.

Computer Engineering

Grade: 4.59 (Top 5%)

Courses

Design Thinking

Software Engineering

Introduction to Machine Learning

Volunteer

Ingressive for Good (I4G)
|

Frontend Team Lead

Summary

Frontend Team Lead at Ingressive for Good (Mentored 20+ students in web development).