Freelance Design Engineers in LagosFreelance Design Engineers in Lagos
ProjectsPeople
Victor Williams's avatar
Victor Williams
proLagos, Nigeria
Frontend developer working with SaaS, Web3, and AI startups
$50k+
Earned
13x
Hired
5.0
Rating
187
Followers
FRAMER_EXPERT

expert

HIRED_BY_YC_EXPERT

Hired

Frontend developer working with SaaS, Web3, and AI startups
Cover image for Design Engineering for Ittybit Dashboard
Design Engineering for Ittybit Dashboard
3
130
Cover image for Website Development for fynk
Website Development for fynk
0
5
Cover image for Framer Website Development for Awarri
Framer Website Development for Awarri
3
133
Cover image for Website Redesign & Development for SELECT
Website Redesign & Development for SELECT
3
230
Design Engineer(1)
Khadijah (Dija) 💥's avatar
Khadijah (Dija) 💥
proLagos, Nigeria
Design & Code. Convert ✦ Delight ✦ Retain. @ StudioDija
3x
Hired
5.0
Rating
55
Followers
LOVART_EXPERT

Expert

CHATBASE_EXPERT

Expert

Design & Code. Convert ✦ Delight ✦ Retain. @ StudioDija
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
362
Cover image for Ideon — AI-Built Website (Live)
AI-built website. Live faster than you’d expect 💥 Live Link (https://ideon-two.vercel.app/)
3
3
481
Cover image for Vanguard — Premium E-Commerce Landing Page
< 30 minutes. That’s how long it took to design + build Vanguard. A premium shop for high-end gear that values both form and function. 🛡️ => Scrolling ticker for live updates. => Interactive bento grid. =>Subtle reveals for technical specs. Execution > endless planning.
1
3
463
Cover image for Week two of Contra Quest 💥 Sharing a part of NOVA X1 I love...
Week two of Contra Quest 💥 Sharing a part of NOVA X1 I loved — the product showcase section. Built with HTML/CSS/JS and AI-generated visuals, it taught me a lot about letting scroll tell the story. Curious — when you showcase products, what grabs your attention first: motion, layout, or story? 👀
2
6
490
Design Engineer(7)
Olawale Balo's avatar
Olawale Balo
proLagos, Nigeria
Product Designer | UI/UX, Design Systems, Framer Expert
5.0
Rating
33
Followers
LUMMI_EXPERT

expert

Product Designer | UI/UX, Design Systems, Framer Expert
Cover image for I've always loved interaction, that
I've always loved interaction, that moment a UI responds and just feels right. That curiosity pulled me into WebGL, shaders, and GSAP. This time I went further: a fully 3D, walkable portfolio. I didn't know Three.js or React Three Fiber going in. Used AI to learn fast enough to actually ship it. Walk the gallery, approach exhibits, open full case studies, no page ever leaves the scene. Still a WIP. Next: refining the 3D models. https://x.com/walebuilds_/status/2087446204170785007?s=20
1
72
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
366
Cover image for Expathia connects expats with trusted professionals in Polan...
Expathia connects expats with trusted professionals in Poland, enabling meaningful interactions and seamless transactions. To support this mission, I designed and built an intuitive, professional messaging experience entirely in @Figma, created to keep conversations smooth, confident, and reliable for both sides. Which part of a messaging flow do you believe has the biggest impact on user confidence?
2
406
Cover image for Expathia – Immigration Services for Poland
Expathia – Immigration Services for Poland
1
10
Design Engineer(5)
Joshua Crownwell's avatar
Joshua Crownwell
proLagos, Nigeria
Design Partner for ambitious Founders | 0-to-1 and beyond
2x
Hired
5.0
Rating
7
Followers
FRAMER_EXPERT

expert

Design Partner for ambitious Founders | 0-to-1 and beyond
Cover image for MetaCraft- Creative Studio Website Redesign
MetaCraft- Creative Studio Website Redesign
0
7
Cover image for PaulIkele.com - Portfolio Migration & Redesign
PaulIkele.com - Portfolio Migration & Redesign
1
11
Cover image for Responsive Framer Site Completion for Adaptive by Design
Responsive Framer Site Completion for Adaptive by Design
0
4
Cover image for Stoeterij De Hoge Ginkel Website Refresh
Stoeterij De Hoge Ginkel Website Refresh
0
5
Design Engineer(2)
Shola Emola's avatar
Shola Emola
Lagos, Nigeria
Product Designer (UX/UI), Website and Mobile App Designer
2x
Hired
5.0
Rating
56
Followers
Product Designer (UX/UI), Website and Mobile App Designer
Cover image for Lunaris Design Transformation
Lunaris Design Transformation
1
24
Cover image for I was wasting hours digging
I was wasting hours digging for leads… Jumping between spreadsheets Copying emails manually Opening 10+ tabs just to find one contact And worst of all? Half the data was useless. Messy. Incomplete. Outdated. It didn’t just waste my time — it slowed down my ability to actually close deals. So I built something for myself. 👉 Lead Sparkle Tool A simple tool that: • Extracts emails, domains & contact info from business data • Cleans and structures everything instantly • Turns messy files into outreach-ready leads No more manual prospecting. No more scattered data. Just clean, usable leads in seconds. Built using Lovable — which honestly changed how fast I can go from idea → working product. This is still early, but it already saves me hours. If you do sales, outreach, or run an agency… this will hit home. Try it here: https://lead-sparkle-tool.lovable.app/ Would love your feedback.
2
83
Cover image for Designing Effortless Group Savings for Koopaa
Designing Effortless Group Savings for Koopaa
0
11
Cover image for Worked on this few seconds
Worked on this few seconds video to show some of my best website and landing page design. Brushing up my Jitter skill.
1
93
Design Engineer(1)
Kehinde Omopariola's avatar
Kehinde Omopariola
Lagos, Nigeria
Design Engineer working with Product Studios & SAAS Startups
$1k+
Earned
51
Followers
Design Engineer working with Product Studios & SAAS Startups
Cover image for Animated card border ✨🤌🏾 This can be achieved in two ways:...
Animated card border ✨🤌🏾 This can be achieved in two ways: by manipulating the height and width, or by using transform scale(). The span tags will be positioned absolutely in all four corners. Using the transform scale() method is more performant, but for something like this, the difference is negligible.
5
6
564
Cover image for Animate CSS Grid's Auto Height & Last Read Tag Tips
[See More Interaction] with a Contextual Last Read Tag ✨🤌🏽 Key takeaways: 📝 - I used a CSS Grid trick, toggling grid-template-rows between 0fr and 1fr to animate to an auto height smoothly. - The "last read" pill is a chat-style bubble with a custom (using clip-path) top-right tail. To guide the eye, I added a "washed" highlight that grows from the bottom up to 60% using scaleY and origin-bottom, keeping the animation fluid and performant. Inspo: TikTok UI
1
931
Cover image for [003] New Experiment: Meet the team section, made with tailw...
[003] New Experiment: Meet the team section, made with tailwind and framer-motion in Nextjs ✨🤌🏽 Inspo: https://attio.com/careers (https://attio.com/careers)One of out many other experiments. 👷🏾‍♂️
2
813
Cover image for Innovative Pixel-Dissolve Transition Using GSAP in Next.js
[004] New Experiment: Pixel-dissolve image transition, made with GSAP in Nextjs ✨🤌🏽
2
746
Design Engineer(13)
Adeagbo AbdulJeleel's avatar
Adeagbo AbdulJeleel
Lagos, Nigeria
Designing PCBs, electronics, embedded and product design
New to Contra
Designing PCBs, electronics, embedded and product design
Cover image for IoT-Based USD to IDR Exchange
IoT-Based USD to IDR Exchange Rate Display Using Bank BCA Exchange Rates Real-Time Bank BCA USD/IDR Exchange Rate Monitor using ESP32 and OLED Display with live internet updates. Features: • Real-time USD/IDR exchange rate display • ESP32 WiFi connectivity • OLED SSD1306 interface • Automatic online data refresh • Lightweight and low-power system • Compact embedded monitoring device #ESP32 📡 | #IoT 🚀 | #EmbeddedSystems 💻 | #Arduino ⚙️ | #Programming 📚
0
31
Cover image for Raspberry Pi CM5 IO Board
Raspberry Pi CM5 IO Board with USB 2.0 OTG The official Raspberry Pi Compute Module 5 IO board doesn’t include the USB 2.0 path switch IC, which was in its elder brother CM4 IO board. Also, it uses CM5’s own CC control pins for USB Type C port. To make my design compatible with both CM4 and CM5, I integrated an USB 2.0 switch IC in the similar way, but with a little bit different configuration. The board need to have 2 x USB 2.0 ports. So I needed to add an USB 2.0 hub IC and an USB path switch chip, similar to the official Raspberry Pi CM4 IO board. But I needed to modify it to use an USB Type-C port and use CC control pins of CM5. The elder CM4 series modules didn’t have CC control pins. Thus, I also added DNP resistors, where I can solder 5.1K resistors for using CM4 on this board. The official Raspberry CM4 IO board used VBUS to automatically switch the OTG config via USB_OTG_ID pin. But on my design, +5V line may be supplied from external power source. It means I should use 5A rated ideal diode. But the requirements was only using USB 2.0 as normal Host, instead of standard USB OTG compatible port. As we anyway need BOOT button to set the compute module into flashing mode, I decided to use a DPDT slide switch instead of tactile boot button. In this way, I could manage setting BOOT and OTG_ID flags using a single switch sliding.
0
41
Cover image for Arduino Nano-Based PCB Design I designed
Arduino Nano-Based PCB Design I designed a custom PCB built around the Arduino Nano, creating a compact hardware platform for integrating the microcontroller with supporting electronic components and external peripherals. The design involved organizing the Arduino Nano interface, power connections, input/output lines, and supporting circuitry into a clean and practical PCB layout. I focused on efficient component placement, clear signal routing, reliable power distribution, and maintaining a layout that is easy to assemble and integrate into a larger embedded system. This project strengthened my experience in Arduino-based hardware development, PCB layout, embedded electronics, component integration, and microcontroller interfacing.
0
49
Cover image for Raspberry Pi Zero Relay Board I
Raspberry Pi Zero Relay Board I designed a custom Raspberry Pi Zero relay control board that combines a Raspberry Pi Zero development platform with multiple relay outputs for controlling external electrical loads. The objective of the project was to allow the Raspberry Pi Zero to electronically control the relays, providing a practical interface between the low-voltage digital signals from the Pi and connected external devices. My work involved developing the PCB layout around the Raspberry Pi Zero, organizing the relay circuitry, and carefully routing the control and power connections. Particular attention was given to component placement, signal routing, power distribution, isolation between the control circuitry and relay sections, and maintaining a clean, reliable board layout. The project provided valuable experience in Raspberry Pi hardware integration, relay control, PCB design, digital interfaces, and hardware prototyping, while demonstrating how a compact embedded platform can be integrated with a dedicated control board for real-world automation applications.
0
56
Design Engineer(10)