Masaba Ian Samuel

0%

Tak Kinship | COO & Head Frontend Developer

Masaba Ian Samuel

Give me a reference; I will rebuild it pixel-perfect - and improve it.

I am a UI designer and frontend engineer focused on premium, conversion-ready interfaces. I turn static inspiration into performant, scalable product experiences.

Now: Open for consulting, UI rebuilds, and frontend leadership support.

Masaba Ian SamuelCOO + Head Frontend
Portrait of Masaba Ian Samuel

UI Designer + Frontend Developer

Pixel-perfect rebuilds with product-level polish.

Design recreation
UI refinement
Frontend systems

What I Do

Design precision + engineering execution

I bridge UI craftsmanship and production frontend leadership to ship faster with less rework.

UI Design

Convert product goals into clear, premium interfaces with practical UX hierarchy.

Frontend Engineering

Build fast, scalable interfaces in React and Next.js with polished interaction states.

Design-to-Code Reconstruction

Give me a reference and I will rebuild it pixel-perfect, then improve usability where it matters.

Featured Work

Deep case studies with measurable product outcomes

Real constraints, concrete implementation choices, and metrics tied to business impact.

UI/UX + Mobile Frontend Development

Desn

A student-focused e-commerce app that lets learners order school supplies and receive deliveries directly at school.

Outcome

Development Duration: 5 months

FlutterFirebase
Read case study

Frontend Development + Product UI

Telxul

An alumni management platform helping schools build stronger post-graduation communities and engagement.

Outcome

Development Duration: 8 months

JavaScriptHTMLPythonDjango
Read case study

Frontend Engineer + UI/Design

Projector23

Website delivery for a Berlin-based film production and VFX studio, focused on visual storytelling and performance.

Outcome

Client Rating: 5/5

JavaScriptHTMLPythonDjango
Read case study

Design-to-Code

I can create what I see - then improve it

Reference matching is step one. I also optimize hierarchy, responsiveness, and interaction quality for production use.

Reference to my recreation

Reference design
Recreated design
||
ReferenceRecreation

Improved version

Improved design

Kept visual fidelity, then improved spacing rhythm, CTA priority, and responsive behavior.

Tech I Ship With

Production frontend stack with design-level craft

I combine fast delivery with polished detail: from reference matching to scalable component systems.

JavaScript
React
Next.js
Tailwind
HTML5
CSS3
shadcn/ui
Flutter
Git
JavaScript
React
Next.js
Tailwind
HTML5
CSS3
shadcn/ui
Flutter
Git

JavaScript

Interactive logic, data shaping, and robust frontend behavior.

React

Composable UI architecture for product-scale interfaces.

Next.js

SEO-first routing and high-performance frontend delivery.

Tailwind

Tokenized styling for polished, maintainable components.

HTML5

Semantic markup and strong accessibility structure.

CSS3

Precise layouts, transitions, and responsive visual systems.

shadcn/ui

Accessible primitives tuned to brand and interaction quality.

Flutter

Cross-platform interface alignment for hybrid product teams.

Git

Reliable collaboration, release control, and clean review history.

Design recreationComponent systemsResponsive + accessibilityPerformance polish

Clients / Collaborations

TAK KINSHIP
Telxul
Projector23
St. Teresa Education Centre

Testimonials

Trusted for speed, polish, and communication

Feedback from product and leadership teams who value reliable frontend execution.

Ian built a beautiful website for us from scratch. He was flexible, professional, and integrated every round of feedback quickly and accurately.

Martina Sakova

Founder, Projector23 (Berlin)

Strong frontend ownership from architecture to delivery. The product became easier to navigate, easier to manage, and faster to iterate on.

Telxul Product Team

Education Technology Platform

The system improved day-to-day operations across admissions, fees, and reporting. Communication during implementation was clear and practical.

STEC Administration

St. Teresa Education Centre