Design Engineering Projects in Lagos

Design Engineering Projects in LagosDesign Engineering Projects in Lagos

Cover image for Design Engineering for Ittybit Dashboard

Design Engineering for Ittybit Dashboard

3

121

Cover image for University Journal (Bells University's College of Engineering)

University Journal (Bells University's College of Engineering)

1

2

35

Cover image for I've always dreamed of creating

I've always dreamed of creating something like Spotify Wrapped... and today, I actually did it! Introducing "Design Wrapped": your year in design, beautifully analyzed by AI. It's your Design Year in Review...like Spotify Wrapped, but for designers! Upload a few images of your work, and the app creates a personalized "wrapped" experience for you. It's like Spotify Wrapped, but for design work. And it's absolutely magical. Check it for yourself: App: https://dcbf77d8-f368-4a62-8a3d-0bce17357873.canvases.tempo.build/?framework=VITE Canvas: https://app.tempo.build/canvases/dcbf77d8-f368-4a62-8a3d-0bce17357873/editor Built using @TempoLabs (https://contra.com/company/tempo), Unicorn Studio & Lottiefiles. Designers, drop a comment with your design vibe. Let's see what personality the AI gives you! 👇

1

2

608

Cover image for Onboarding Flow Interaction 😊

Onboarding Flow Interaction 😊

0

53

Cover image for FASH FOLIO 🐐 - Immersive digital portfolio

FASH FOLIO 🐐 - Immersive digital portfolio

9

394

Cover image for PaulIkele.com - Portfolio Migration & Redesign

PaulIkele.com - Portfolio Migration & Redesign

1

10

Cover image for Day 29/30 ✦ Designing interactive

Day 29/30 ✦ Designing interactive websites every day for 30 days. This build features a Zoom Parallax Gallery with Multi-Speed Image Burst and Scroll-Driven Scale, where layered images all zoom outward at different speeds, creating an explosion effect as you scroll.

1

45

Cover image for Design tokens are the DNA of your design system. They establ...

Design tokens are the DNA of your design system. They establish a single source of truth for every visual decision including color, typography, spacing, radius, shadow, and more. A few examples: 🎨 Color → color-bg-brand 🔠 Typography → text-heading 📏 Spacing → space-4 🔵 Radius → radius-md 🌑 Shadow → shadow-xs With Figma Variables, token to code mapping is seamless. Update a value once in Figma → sync to code → the entire product updates automatically. No manual overrides No inconsistencies No design drift Design tokens remove guesswork and enforce consistency across teams, platforms, and releases. Before you build components, build a solid token architecture. 👉 What’s the hardest part about setting up your tokens?

1

257

Cover image for Income S – Finance Tracker Web Application

Income S – Finance Tracker Web Application

3

10

Cover image for Behind the Design: The Auto

Behind the Design: The Auto Broker Edition. 🛠️ When you're dealing with brands like Ferrari and Rolls Royce, your website can’t just be a "template." It needs to feel as engineered as the cars themselves. I focused on a dynamic grid system that balances high-res visuals with conversion-focused elements. The goal was to make the journey from "browsing" to "delivery" feel as smooth as a 0-60 pull. Check out the full walkthrough of the Below Invoice relaunch! #autobroker (https://www.instagram.com/explore/tags/autobroker/) #luxurycardesign (https://www.instagram.com/explore/tags/luxurycardesign/) #webdesign2026 (https://www.instagram.com/explore/tags/webdesign2026/) #ecommerceexpert (https://www.instagram.com/explore/tags/ecommerceexpert/) #exóticcars (https://www.instagram.com/explore/tags/ex%C3%B3ticcars/) #belowinvoice (https://www.instagram.com/explore/tags/belowinvoice/) #UIUXDesign (https://www.instagram.com/explore/tags/uiuxdesign/) #CarSalesMarketing (https://www.instagram.com/explore/tags/carsalesmarketing/) #PremiumBranding (https://www.instagram.com/explore/tags/premiumbranding/) #ShopifyExpert (https://www.instagram.com/explore/tags/shopifyexpert/) #FerrariLease (https://www.instagram.com/explore/tags/ferrarilease/) #luxurylıfestyle (https://www.instagram.com/explore/tags/luxuryl%C4%B1festyle/)

1

5

149

Cover image for My portfolio is ready. Built

My portfolio is ready. Built with Claude, Figma, Codex and Vercel. Link is here: https://geeboy.me/

2

3

192

Cover image for I rebuilt a theme settings

I rebuilt a theme settings interaction as a functional frontend prototype. The goal was to move beyond the static UI and make the experience actually work: light mode, dark mode, system preference, saved theme state, and subtle interaction details. Built with HTML, SCSS, TypeScript, localStorage, and GSAP.

4

2

110

Cover image for Typeskale — Framer Plugin Development

Typeskale — Framer Plugin Development

1

4

Cover image for Verdant — full system walkthrough.

This

Verdant — full system walkthrough. This is a system built for speed, consistency, and clear interaction. Every component is designed to behave, so you’re not guessing states or rebuilding patterns. I’m packaging this into a Figma file you can use across projects. If you’d use this, I’d like to know what you’d expect from it. Check out Verdant: https://tichoo07.github.io/verdant-design-system/

1

48

Cover image for Structural Plans

Structural Plans

0

32

Cover image for Day 14: Built and published

Day 14: Built and published the fictional design agency archive from day 12 using Claude Code + Figma MCP. This project really reinforced something for me: AI currently works best as an amplifier for taste rather than a replacement for it. Claude got the project surprisingly close very quickly, but the final polish still came down to human direction, especially around motion, depth, blur, and interaction feel. Live link below. https://depth-stack-archive.vercel.app/

0

123