← PROJECTS

LO.TONE

Open-source image processing suite for the low-res web

ROLE Product Designer & Developer
TIMELINE 2 Days · 2025
STACK HTML · CSS · JS · Canvas API
AI TOOLS Krea.ai · ChatGPT · Claude Code
HERO — Nokia interface overview

OVERVIEW

LO.TONE is a suite of open-source, browser-based image processing tools with a retro Nokia phone interface. Built end-to-end as a product designer using AI tools as force multipliers — Krea.ai, ChatGPT, and Claude Code — to ship a complete ecosystem in 2 days.

GOAL

Democratize image manipulation tools and celebrate low-resolution aesthetics through playful, accessible, browser-native experiences. No installations. No paywalls. Open-source tools that meet people where they are.

WHAT WE SHIPPED

DITHERTONE
DITHERTONE v2.2

Halftone & dithering with 7 algorithms, tone mapping, undo/redo, multi-format export — PNG · JPEG · SVG · GIF

ASCII-TONE
ASCII-TONE v1.0

ASCII art generator with customizable character sets, font controls, TXT & PNG export

GLITCHTONE
GLITCHTONE v1.0

Glitch art tool with multiple effect types, intensity controls, real-time preview

Interactive Nokia-style phone interface with keyboard & touch navigation

4 repos on Codeberg, all open-source · 4 deployed Vercel apps

Full accessibility — ARIA, keyboard nav, semantic HTML

Complete roadmap & changelog documentation

IMPACT

21 commits
2 days
4 tools shipped
0 frameworks

Pure HTML, CSS, and JavaScript. Canvas API for real-time processing. A proof that a product designer with the right AI tools and a clear vision can ship a complete ecosystem — from concept to production — in a weekend.

PRODUCT — tools in use / output examples
VISIT LOTONE.APP → VIEW CODE →