You will get Frontend MVP converted from Figma, Sketch, or Adobe Photoshop files.
Top Rated
Top Rated
Project details
I take your designs one step closer to the audiences. I deliver scalable front-end architecture with more than ten years of experience, I deliver high quality products with the most relevant tools to enable product scalability and great performance.
Programming Languages
HTML & CSS, JavaScriptCoding Expertise
Cross Browser & Device Compatibility, Performance Optimization, DesignWhat's included
| Service Tiers |
Starter
$1,000
|
Standard
$1,500
|
Advanced
$2,000
|
|---|---|---|---|
| Delivery Time | 7 days | 14 days | 20 days |
Number of Revisions | 1 | 3 | 5 |
Number of Pages | 5 | 10 | 15 |
Design Customization | - | - | - |
Content Upload | - | - | |
Responsive Design | - | ||
Source Code |
Frequently asked questions
64 reviews
(61)
(2)
(1)
(0)
(0)
This project doesn't have any reviews.
RR
Raine R.
Nov 23, 2025
🤹♂️📱✨ CSS animations in Open Source Typescript/React/Redux note-taking app
HR
Hanan R.
Dec 8, 2024
Reactjs Expert
Great work. I look forward to working with you again.
NA
Nick A.
Dec 2, 2024
Figma to HTML/CSS/React
I'm very happy with Heri's work. He's worth the cost.
LZ
Leon Z.
Oct 28, 2024
Frontend Design for Web app with react
Heri was a tremendous asset to our development efforts, especially on the front-end. Fast, detailed, and thoughtful, he was prompt with any updates while being thorough and successfully enabled the deployment of features critical to our product.
WG
William G.
Mar 25, 2024
Website Maintenance
Excellent work. Highly recommend this developer. Project was completed timely and exceeded expectations.
About Heri
Senior Product Engineer | Expert in Frontend Systems, Web Performance
100%
Job Success
Bandung, Indonesia - 5:09 am local time
Core Expertise & Latest Stack:
Modern Frontend: React, Next.js, TypeScript, Tailwind CSS, VueJS, React Native, Hyperformula.
AI, Automation & DevOps: n8n, Slack/ChatOps, Git CI/CD (Bitbucket, GitLab, GitHub), GPT-4 API integration, NodeJS, AWS Lambda.
Performance: UI latency reduction, code refactoring, and optimizing build processes (e.g., Babel to ESBuild).
eCommerce & CMS: Headless CMS (Sanity, Storyblok), WooCommerce (WP Engine specialist), Shopify, Magento.
Case Studies:
NEW: AI-Powered ChatOps Pipeline: Architected an automated pipeline connecting Slack to n8n to CI/CD (Bitbucket, GitLab, GitHub), allowing AI to automatically analyze UI issues/PDFs uploaded via chat and trigger automated hotfix workflows.
NEW: High-Performance eCommerce Deployment: Architected a scalable WooCommerce solution on WP Engine, leveraging managed caching and automated deployment pipelines for high-traffic stability.
AI & Automation: Developed GPT-4 function call wrapper to easily communicate with OpenAPI Specifications.
Serverless Architecture: Deployed NextJS based APIs using AWS Lambda.
Legacy Modernization: Complete rewrites of web applications from Javascript to Typescript.
AI Widgets: Developed Chat UI widget integrated with AI, using NodeJS and Serverless Engine.
Low-Code Innovation: Developed Strapi plugins to create a low-code app builder.
Performance Engineering: Sped up build processes from 1 hour (using Babel) to less than 5 minutes (using ESBuild).
MVP Development: Turned Webflow/Figma designs into interactive MVPs, digital reports, or functional prototypes.
Enterprise Contribution: Contributed to a full stack web/desktop/mobile application (Expensify).
UI Revamp: Modernized web apps with various UI libraries (Material UI, Tailwind, Styled Components).
Apps I Have Developed:
- AI-driven automation workflows & ChatOps tools
- Interactive digital platforms & content-heavy reporting dashboards
- Low-code applications & app builders
- High-conversion e-commerce platforms
- Accounting & business management systems
- Real-time multiplayer web-based games
I have worked in the field for over a decade, launching my web development services on Upwork back when it was oDesk. Since then, I have evolved with the industry, moving from the jQuery era to today’s fast-changing ecosystem of React, Next.js, and AI automation. This deep history gives me a unique advantage in engineering, ensuring I can handle both cutting-edge headless builds and complex legacy infrastructure migrations.
How can I help you today? Let’s talk.
Steps for completing your project
After purchasing the project, send requirements so Heri can start the project.
Delivery time starts when Heri receives requirements from you.
Heri works on your project following the steps below.
Revisions may occur after the delivery date.
Initial project setup
I will walk through the complete designs and examine the requirements carefully. I will then set up the project based on the most suitable solutions for your project.
Front-end development
I will develop the designs to fully functional MVP or PoC, on top of languages as per your preferences, including ReactJS, VueJS, Angular.