scroll ↓
hi, I'm eloi —

I design. I build.
I ship.

Send me a brief. I ship a live product. Design, code, and deploy under one roof — seven years, one person, zero handoffs.

See work
ASK ME ANYTHING
eloi.config.tsREADME.md
1// Designer · Developer · DevOps
2const eloi = {
3  role: 'Designer + Dev + DevOps',
4  design: ['Figma', 'UI/UX', 'Brand'],
5  stack: ['React', 'Next.js', 'WP'],
6  infra: ['AWS', 'Cloudflare'],
7  years: 7,
8  status: 'available',
9}
what I do

Four jobs.
One person.

Most teams hire three or four different people to launch a real product. Seven years running, I've been all of them — and it shows in how everything fits together.

01 · Design

I design it

Wireframes, UI kits, brand systems, interactive prototypes. Design isn't a phase I hand off — it's baked into every commit. What you approve in Figma is exactly what ships.

FigmaFramerUI / UXBrandingDesign SystemsPrototyping
by the numbers
7+years shipping live
40+products delivered
15+ongoing clients
●available for new work
02 · Build

I build it

WordPress your team can actually update, a custom React app, a Shopify store — whatever genuinely fits. Shipping since 2019, so I know what quietly breaks six months later.

ReactNext.jsWordPressElementorShopifyWebflow
03 · Automate

I automate it

Lead fills a form → lands in CRM → gets a welcome email → you get a ping. All the follow-up you keep meaning to do, handled automatically.

GoHighLevelZapierKlaviyoHubSpot
04 · Host

I keep it running

DevOps background — servers, DNS, SSL, backups, and a real security pass before anything goes live. Then I keep an eye on it so you don't have to.

AWSCloudflarecPanelSSL/DNSMonitoring
The usual
Hire 3 or 4 people
  • × Designer (contract or agency)
  • × Front-end developer
  • × DevOps / hosting freelancer
  • × A PM to chase handoffs
  • × 3-way meetings, timezone drift
  • × Design ships different than what launches
With me
One contractor. All four.
  • ✓ Designer
  • ✓ Full-stack developer
  • ✓ DevOps engineer
  • ✓ Own project management
  • ✓ One meeting, one Slack thread
  • ✓ What you approve in Figma ships
selected work

Real things,
shipped & live.

Client names are private — but here's exactly what each one does and what went into it.

01
SAAS · WHITE-LABEL
SaaSWhite-label

Client Portal

Design · Full-stack · Deploy

An agency drowning in tabs — leads in one tool, chats in another, campaigns somewhere else. They needed a single branded place that answered "what's actually happening this week?" So I built it.

  • Multi-role access — every seat sees only what they should
  • Live dashboard pulling real CRM data, not exports
  • In-app messaging, booking, and file exchange
  • Subscription billing + automated onboarding emails
  • Fully white-labelled, deployed & hosted end-to-end
Live since 2023 · daily agency use
Next.jsSupabaseStripeAWS
client-portal.app
saas
02
COMMUNITY · E-COMMERCE
CommunityE-commerce

Membership & Shop

Design · Full-stack · Payments

A community needed to grow up fast — memberships, a merch shop, recurring donations. Standard checkout tools don't play nicely in the Philippines, so we built one that does.

  • Role-based membership with an admin approval queue
  • Checkout for one-off orders and recurring donations
  • PH-native payments (GCash, cards, e-wallets) with verified webhooks
  • Media library, events calendar, and CMS layer
  • Own domain, hosting, and email — launch-ready
Members + monthly donations · PH-native rails
Next.jsPayMongoPrismaCloudflare
membership.shop
e-com
Donate
03
LOCAL BUSINESS · LANDING
Local businessLanding page

Conversion Landing Page

Design · Build · SEO

A local shop had zero online presence — search for them, nothing came back. No way to be found, trusted, or booked. One clean, fast page fixed all three in a week.

  • Mobile-first page built to convert, not decorate
  • Clear services, transparent pricing, one-tap booking
  • Real photography woven cleanly into the layout
  • On-page SEO, structured data, GA4 wired in
  • Domain, DNS, and hosting handed over ready
Ranks locally · measurable bookings
AstroTailwindCloudflareGA4
landing.page
launch
Book now →
04
INTERNAL TOOL · SECURITY
Internal toolSecurity

Secure File Vault

Design · Full-stack · Security

A design-and-fabrication studio was emailing drawings and quotes back and forth — losing versions, leaking previews. They needed a proper vault: locked by project, opened only by the right role.

  • Role-based access — Designers, Fabrication, Sales, Owner each see one drawer
  • Owner-approved keys with expiry: 24h / 48h / at project close
  • Upload → quarantine → virus scan → encrypted storage pipeline
  • Tamper-evident, hash-chained audit log for every action
  • End-to-end encryption, watermarked downloads
Encrypted end-to-end · audit-ready
Next.jsPrismaS3 + KMSAWS WAF
secure-vault.io
internal
SECURED
05
LAUNDRY · POS · OPERATIONS
POSOperations

Laundry POS + Ops

Design · Full-stack · Payments · Hardware

A neighborhood laundry chain was tracking loads on paper and losing tickets weekly. They needed a POS shaped around their exact workflow — pickup → wash → dry → pack → out — with real pricing per kilo and per garment.

  • Ticket lifecycle with SMS pickup alerts to customers
  • Weight-based, item-based, and combo pricing rules
  • Barcode / QR tag printing for every load
  • Multi-branch reporting: loads, revenue, staff performance
  • Offline-first — keeps taking orders when the internet drops
Multi-branch · 40k+ loads processed
Next.jsPostgreSQLThermal printerSMS gateway
laundry-pos.app
pos
06
RETAIL · SME · PHILIPPINES
SMERetail POS

Local Business POS

Design · Full-stack · Payments

Filipino retailers were stuck between global POS tools that don't fit local reality and paper ledgers that don't scale. So I built one that speaks their language — GCash, e-wallets, BIR receipts, and a price tag under ₱500/mo.

  • GCash, Maya, and card payments (PayMongo) in one flow
  • Inventory with low-stock alerts and supplier tracking
  • Sari-sari-friendly: item counts, packs, or bulk pricing
  • BIR-compliant receipts + daily Z-report out of the box
  • Owner dashboard on mobile — check the store from anywhere
Live in stores across Manila + Cebu
Next.jsPayMongoSupabaseVercel
local-pos.app
retail
₱ 428.00GCashMayaCashCHARGE →
07
OPEN SOURCE · DEV TOOL
Open sourceDev tool

PDF Toolkit

Design · Full-stack · Open source

Every PDF tool online either requires signup, hits a 5-page limit, or ships your file to some sketchy server. So I built a fully client-side toolkit — merge, split, compress, sign — that never sends a byte off your machine.

  • Merge, split, reorder pages — drag-and-drop UI
  • Compress + optimize without visible quality loss
  • Fill forms, sign, add text or images to any page
  • 100% client-side — files never leave your browser
  • MIT-licensed on GitHub · embeddable in any site
Open source · zero telemetry, zero uploads
Reactpdf-libWebAssemblyGitHub
pdf-toolkit.dev
oss
contract.pdfsigned.pdfmerged100% client-side
08
WEB TOOLING · AUDIT
Web auditDev tool

DeepSite — website audit

Design · Full-stack · SEO · Performance

Existing audit tools hand you a Lighthouse score and 47 tabs of docs. DeepSite scans your site once and gives back a plain-English report a designer or PM can act on — with the fix, not just the diagnosis.

  • One-click scan: performance, SEO, a11y, design consistency
  • Plain-English fixes ranked by impact — not a wall of red flags
  • Visual-diff feedback ("this button is 4px off spec")
  • PDF report you can send to a client, unbranded if you want
  • Free tier + premium continuous monitoring
Used by designers, PMs, and dev leads
Next.jsPlaywrightLighthouseOpenAI
deepsite.audit
audit
76DEEPSCOREPERF82SEO91A11Y68DESIGN74TOP FIXES · RANKED BY IMPACTHIGHLCP over 2.5s on mobileMEDMissing alt on 12 imagesLOWHeader font off-spec by 4px
client-portal.app
saas
work with me

Two ways in.
Pick what fits.

Hire me for a fixed-scope project — or bring me on as an independent contractor embedded in your team.

just starting

Launch Kit

For getting online properly for the first time.
Custom quoteone-time · 2–3 weeks
  • + Custom multi-page site (up to 8 pages, fully responsive)
  • + Copywriting frameworks + editing pass on your text
  • + Brand-consistent design system in Figma
  • + Contact form wired to your inbox or CRM
  • + On-page SEO + Google Analytics setup
  • + Mobile perf pass (Lighthouse 90+)
  • + Handoff docs so you can update content yourself
most loved

Growth System

For turning visitors into booked revenue.
Custom quoteone-time · 4–6 weeks
  • + Everything in Launch Kit
  • + Full marketing automation (lead → CRM → email/SMS flows)
  • + Payments & booking integrated (Stripe, PayMongo, or your provider)
  • + Client dashboard with real-time lead tracking
  • + Multi-step forms with conditional logic
  • + A/B-test-ready landing pages
  • + 3 rounds of design + copy revisions
hands-off

Care & Host

For when you just want it handled.
Custom quotemonthly · ongoing
  • + Managed hosting + uptime monitoring (24/7)
  • + Security patches, dependency updates, daily backups
  • + Up to 2 hrs/month of content or small changes
  • + Priority support (24h response)
  • + Monthly health report (perf, SEO, uptime)
  • + Annual redesign or refresh consultation
  • + Cancel anytime — no lock-in
6standard inclusions

Every project includes

The extras that come with every tier above — no upsell, no add-ons.

01
Editable Figma files
yours to keep
02
Source code + technical docs
no vendor lock-in
03
30-day post-launch polish
small changes on me
04
Weekly progress demos
no black-box work
05
Domain · SSL · hosting setup
end-to-end handoff
06
Fixed price · no surprises
scope changes quoted upfront
Included in every tier — no upsells, no surprises.
how we'd work

Scroll through
a real project.

Four moments from the first message to a live product. This is exactly what happens.

01
CALL

Discovery call

You tell me what you're building. I ask the sharp questions upfront so nothing surprises us later. Zero pressure, zero cost.

30–45 min · free
discovery.md
call
FREE · NO PRESSURE
Pick a discovery slot
Live · 3 slots open this week
02
DESIGN

Design + fixed quote

Wireframes, key screens in Figma, a scope doc, and one fixed price. You approve the plan before you pay a cent.

3–7 days
scope.fig
design
HomePricingContact
Fixed quote
$8,640 · 4–6 weeks
03
BUILD

Build, weekly demos

You see progress every Friday. Real product, not slide decks. Feedback fits in a Slack thread, not a workshop.

2–6 weeks
sprint.log
build
$ git log --since="last friday"
a3f1cfeat: payments wired to Stripethis week
82d4bfeat: dashboard v2 shipped
91e7dfix: mobile nav focus trap
de102chore: 90+ Lighthouse across the board
Fri 2:00 PM · live demo in your Slack
04
LAUNCH

Launch + 30 days polish

Domain, SSL, analytics wired live. Small changes on me for the first month while you shake it down.

launch day + 30d
deploy.sh
ship
$ vercel deploy --prod
Building production bundle1.2s
Deploying to Vercel2.3s
DNS + SSL configuredok
Analytics + monitoring liveok
Live · 30-day polish period starts now
eloi@dev ~ about
~whoami
Eloisa Magsadia
~cat about.json
"role": "Designer + Dev + DevOps"
"design": "Figma · UI/UX · Brand"
"stack": "React · Next · AWS"
"years": 7
"currently": "available"
~echo $LOCATION
Philippines 🇵🇭 · worldwide
~./status
● Ready for new projects
~
the person behind it

Designer first. Developer always.

7 yrs shippingDesign → CodeFigma-fluentDevOps backgroundBased in PHRemote worldwide

I'm Eloi. I've been building for the web since 2019 — started in the browser as a designer, ended up the DevOps engineer, and somewhere along the way learned to translate “tech” into plain English for clients in pre-sales calls. That range didn't happen by accident.

Nothing falls through the gaps between “design,” “marketing,” and “IT” when the same person handles all three. I draw everything in Figma before I write a single line — so you approve the plan before you pay for the build. Honest timelines, one point of contact, nothing goes live that I can't stand behind.

Off the clock I build things just for the fun of it — a fan-community site, a voice assistant, tools I probably didn't need. It keeps the craft sharp.

let's make something

Tell me what you're
dreaming up.

Whether it's a fresh build, a rescue mission, or an ongoing role on your team — drop me a note through the form and I'll get back to you straight away.

Philippines · working worldwide · GMT+8 · replies instantly