Skip to main content
Figma Design, Custom Functionality & API Integration
Back to Work
Custom FunctionalityDesign to WebsiteWeb UX-UI Design

Figma Design, Custom Functionality & API Integration

Full design-to-development project with a custom WordPress build, bespoke hobby functionality, and a custom API route connecting the back end to the front-end experience.

Client

Hobbypedia

Year

2025

Services

Custom Functionality, Design to Website, Web UX-UI Design

Stack

WordPress, PHP, MySQL, Figma

Figma Design, Custom Functionality & API Integration — desktop view
Figma Design, Custom Functionality & API Integration — mobile view
01 — Challenge

The Problem

Hobbypedia required more than a standard WordPress site — the core product was a hobby discovery feature that needed custom functionality not available through any existing plugin. The design also had to be built from scratch to match the platform's unique concept, and all of it needed to be connected through a reliable API integration.

02 — Solution

My Approach

Designed the full platform in Figma before development, establishing the UX flows and visual language for the hobby-focused experience. Converted the design into a custom WordPress template and developed all bespoke functionality from scratch. Built a custom API route specifically for the hobby feature, handling data requests and responses, and integrated it with the front end so the functionality worked seamlessly within the WordPress environment.

03 — Results

The Impact

Built

Custom API

Delivered

Functionality

Custom

Design

Technologies
WordPressPHPMySQLFigma

Next Project

Sarah Schreibt

Design Implementation, Customisations & Migration