0 10 1 2 3 4 5 6 7 8 9 00 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0

Low-Code Web App·2024

DesignerPortfolio(Figma+BuzzyApp)

Interactive web portfolio prototype built using Figma with Buzzy low-code integration.

Client

Designer

Role

Low-Code Product Designer

Timeline

6–12 weeks

Year

2024

Platform

Web / Responsive

Tags

Low-CodeWeb AppBuzzyInteractive Prototype

Deliverables

  • Research & competitive audit
  • Information architecture
  • High-fidelity UI design
  • Interactive prototype
  • Design system & tokens
  • Engineering handoff

01 — The brief

The challenge

To create a functional web application mockup directly from Figma without writing complex custom code, utilizing Buzzy database connectors.

02 — The approach

My approach

Mapped database entries, set up layout links in Buzzy, and configured dynamic collections directly inside Figma.

03 — The result

Outcome

Built a live, responsive web app listing case studies and accepting form inquiries.

Process

From discovery to delivery

01

Discover

Audited the existing low-code web app landscape, interviewed stakeholders, and mapped user pain points unique to Designer.

02

Define

Translated insights into clear product principles, information architecture, and a north-star moodboard aligned with the brand.

03

Design

Mapped database entries, set up layout links in Buzzy, and configured dynamic collections directly inside Figma.

04

Deliver

Shipped a production-ready system with documentation, design tokens, and handoff specs for engineering.

Gallery

Selected screens

Designer Portfolio (Figma + Buzzy App) screen 1
Designer Portfolio (Figma + Buzzy App) screen 2
Designer Portfolio (Figma + Buzzy App) screen 3
Placeholder — additional case study artwork

Impact

Key results

98%

Stakeholder approval

2.4×

Faster task completion

150+

Components shipped

"Lukholo brought a rare blend of engineering rigor and design taste to Designer. Every detail was considered — and it shows in the product."

Client Name

Founder, Designer — placeholder

Have a project like this in mind?

I'm available for select design & engineering collaborations.