01
Websites & Landing Pages
Websites that work as your best salesperson — clear, fast, and built to turn visitors into customers.
- Company profiles
- Landing pages that convert
- Fast, modern redesigns
INDEPENDENT WEB STUDIO
I build software that solves real business problems.
Websites, web apps, dashboards, and custom tools — built by Kris, for people who need things that work. Direct collaboration, no agency runaround.
- Based in Indonesia
- Based in Indonesia
- 3+ years experience
- 3+ years experience
- 20+ projects shipped
- 20+ projects shipped
01 / Services
Software isn't just code. It's a solution to a problem.
Every service below exists for one reason: to solve a business problem and deliver something useful. Here's what I can build for you.
02
Web Apps & Dashboards
Tools that run your business — dashboards, admin panels, and internal systems your team will actually use.
- Admin panels & dashboards
- Client portals
- Workflow tools
03
Custom Software & Integrations
Software built around your workflow — MVPs, SaaS products, automation, and connecting the tools you already use.
- MVPs & SaaS products
- Automation & integrations
- Custom internal tools
02 / Selected work
A few things I've built
Selected projects told from the business side — the problem, the result, and my part in it.
The future of the web is immersive.
MacLand
- TYPE
- 3D PRODUCT SHOWCASE
- STACK
- NEXT.JS · THREE.JS · GSAP
- STATUS
- COMPLETED · 2025
- ROLE
- FULL-STACK · 3D INTEGRATION
ProblemA static product page couldn't convey the tactile feel of a premium device — visitors needed to experience it, not just read about it.
ResultAn interactive 3D MacBook experience with scroll-driven animations that keeps users exploring every detail of the product.
Why just look at a product when you can experience it? MacLand explores the boundary between static web pages and high-fidelity 3D environments.
A fully interactive 3D model sits inside a polished web interface — users can explore every curve and detail of the MacBook Pro.
Built with Three.js for 3D rendering and GSAP for precision scroll animations, optimized so transitions feel as smooth as a native app.
A portfolio that feels like a desktop.
Kris-OS
- TYPE
- INTERACTIVE PORTFOLIO
- STACK
- NEXT.JS · GSAP · ZUSTAND
- STATUS
- COMPLETED · 2025
- ROLE
- DESIGN + FULL-STACK DEVELOPMENT
ProblemTraditional portfolio sites blend together — recruiters and clients needed a memorable way to browse projects and skills.
ResultA macOS-inspired desktop experience with draggable windows, Finder navigation, and project showcases that stand out from template portfolios.
Kris-OS reimagines a developer portfolio as a living desktop environment — complete with dock, Finder, and native-feeling windows.
Each project lives in its own folder with descriptions, screenshots, and live demo links — browsed the way you'd explore files on a Mac.
GSAP powers smooth window animations and draggable interactions, while Next.js keeps the experience fast and deployable anywhere.
Structured Japanese learning, online.
Jepangku
- TYPE
- LEARNING PLATFORM
- STACK
- REACT · GO · POSTGRESQL
- STATUS
- COMPLETED · 2024
- ROLE
- FULL-STACK DEVELOPMENT
ProblemLanguage learners needed a structured way to practice and track progress online — scattered resources weren't enough.
ResultA complete learning platform with progress tracking and interactive lessons that keeps students engaged and coming back.
Jepangku gives Japanese learners a dedicated space to study with clear lesson paths and measurable progress.
The platform combines structured curriculum with tracking tools so students always know where they stand.
Built for retention — every interaction is designed to keep learners motivated through their language journey.
Digitizing layer farm operations.
AAPM Layerfarm
- TYPE
- FARM MANAGEMENT SYSTEM
- STACK
- REACT · NODE.JS · POSTGRESQL
- STATUS
- COMPLETED · 2024
- ROLE
- FULL-STACK DEVELOPMENT
ProblemManual record-keeping and disconnected spreadsheets made it hard to track flock health, production, and costs across the farm.
ResultA centralized management dashboard that gives farm operators real-time visibility into operations and cuts down on paperwork.
AAPM Layerfarm Management replaces paper logs and scattered spreadsheets with one system for daily farm operations.
Operators can monitor production metrics, manage flock records, and generate reports without switching between tools.
Designed for the field — a clear interface that works for staff who need answers fast, not another complicated ERP.
Events deserve a stage online.
Charissa Event
- TYPE
- EVENT WEBSITE
- STACK
- REACT · NEXT.JS · TAILWIND
- STATUS
- COMPLETED · 2024
- ROLE
- DESIGN + FRONT-END DEVELOPMENT
ProblemThe client needed a professional web presence to promote events, share details, and build credibility with attendees.
ResultA polished event website that communicates brand identity clearly and gives visitors everything they need to engage.
Charissa Event needed a website that matches the quality of the events themselves — professional, inviting, and easy to navigate.
The site highlights upcoming events, brand story, and contact paths so potential clients can reach out with confidence.
Built with modern front-end tooling for fast load times and a responsive layout across every device.
An event company, presented properly.
Seculture
- TYPE
- COMPANY PROFILE
- STACK
- REACT · NEXT.JS · TAILWIND
- STATUS
- COMPLETED · 2024
- ROLE
- FRONT-END DEVELOPMENT
ProblemAn event equipment rental and event organizer company needed a professional web presence that shows clients what they do — and earns trust before the first call.
ResultA clean company profile website that presents their services and equipment clearly, so potential clients understand the offering and reach out with confidence.
Seculture is an event equipment rental and event organizer company, and its website is a company profile built to sell before a human even gets involved.
The site presents their services — corporate events, weddings, concerts, and more — in a clear, trustworthy layout that makes the company easy to find and easy to contact.
Clean typography and responsive design keep the profile professional on any device, reflecting the quality of the events themselves.
03 / Why kodesbykris
A one-person studio, full responsibility.
You're not hiring an agency with a rotating cast. You're hiring one engineer who answers for the whole project.
Software engineering & web development
Hiring me is like adding a technical partner who actually cares about the outcome.
BUILD • SOLVE • DELIVER
01
You talk directly to the engineer
The person you discuss your project with is the person who writes the code. No account managers, no handoffs.
02
Honest scoping, no surprises
Clear scope, a realistic timeline, and a fixed quote before we start. You always know where things stand.
03
Built to last, not just to launch
Maintainable, documented code — the kind you won't have to rebuild in six months when it needs to grow.
04
Focused, personal attention
One project at a time, treated with the care it deserves — because your business depends on it.
05
Here after launch
I stay available after go-live for fixes, improvements, and whatever comes next as your business grows.
I'm Kris, a software engineer and web developer based in Indonesia, working with businesses and founders around the world. I build websites, web apps, and custom software — and I've been doing it long enough to know that the best projects are the ones that solve a real problem and stay useful long after launch.
kodesbykris is a one-person studio. That means when you work with me, you get one person who owns the whole project: the planning, the code, the delivery, and the support after launch. No handoffs, no “we'll get back to you” — just clear communication and work that ships.
I care about the outcome, not just the output. If a project doesn't serve your business, I'll tell you before I build it.
- 3+
- Years experience
- 20+
- Projects shipped
- Indonesia
- Location
04 / Process
A simple, transparent way to work
Five steps, no jargon, no surprises. You'll always know what's happening and what comes next.
- 01
Discover
We talk through your goal, your users, and what success looks like. No sales pressure — just a real conversation.
- 02
Plan
A clear scope, a realistic timeline, and a fixed quote. You know exactly what gets built before anything starts.
- 03
Build
Focused iterations with regular updates. You always know where things stand — and you see progress, not promises.
- 04
Test
Real devices, real browsers, real scenarios — so what you receive actually works, not just looks like it does.
- 05
Launch & support
Deployment, handover, and help after launch whenever you need it. Your project doesn't end on launch day.
05 / FAQ
Questions, answered straight
The things clients usually ask before starting a project.
Websites, web apps, dashboards, and custom software — anything from a company website to a full SaaS product. If it's a digital tool your business needs, it's likely something I can build.
It depends on scope — a focused landing page is a very different investment from a custom web app. After a quick chat I'll give you a clear, fixed quote before anything starts. No hourly surprises.
Landing pages typically take 1–3 weeks; web apps and custom software usually run 3–8+ weeks depending on complexity. You'll get a realistic timeline before we begin.
Your goal, a few examples of things you like, and access to any existing systems or accounts. I'll handle the technical side — you just need to know what you want to achieve.
Yes — I regularly work as the technical partner for agencies and designers who need reliable development delivered on their timelines.
You get a proper handover, and I stay available for support, fixes, and improvements. Ongoing maintenance and small follow-up projects are always welcome.
BUILD • SOLVE • DELIVER
Got a project in mind? Let's build something that works.
Tell me what you're trying to achieve and I'll tell you honestly how I can help — within a day.
+62 896 3700 4158 · Based in Indonesia