You will get UI / UX Design | Website and Mobile | Figma | Responsive Design


Project details
I design clean, responsive, and maintainable interfaces for websites and mobile applications, built not just to look good, but to work well across every screen and scale with your product as it grows.
Clean Design
No unnecessary clutter, no design for design's sake. Every element serves a purpose, guiding users toward what matters most through clear visual hierarchy, thoughtful spacing, and purposeful typography.
Responsive by Default
Your users don't live on one device, and neither should your design. Every interface I create adapts seamlessly across desktop, tablet, and mobile, ensuring a consistent and polished experience no matter how someone accesses your product.
Built to Last
Design isn't just about the first version. I structure designs using reusable components and consistent design systems, making it easy for developers to implement and for your product to evolve without breaking the experience down the line.
What You Get:
• Wireframes & user flows
• High fidelity UI design (Figma)
• Interactive prototypes
• Component library
• Developer friendly handoff
Clean Design
No unnecessary clutter, no design for design's sake. Every element serves a purpose, guiding users toward what matters most through clear visual hierarchy, thoughtful spacing, and purposeful typography.
Responsive by Default
Your users don't live on one device, and neither should your design. Every interface I create adapts seamlessly across desktop, tablet, and mobile, ensuring a consistent and polished experience no matter how someone accesses your product.
Built to Last
Design isn't just about the first version. I structure designs using reusable components and consistent design systems, making it easy for developers to implement and for your product to evolve without breaking the experience down the line.
What You Get:
• Wireframes & user flows
• High fidelity UI design (Figma)
• Interactive prototypes
• Component library
• Developer friendly handoff
Main Type
Landing Pages, Mobile Apps, Web Apps, WebsiteFile Format
Figma, PDF, SVGWhat's included
| Service Tiers |
Starter
$69
|
Standard
$149
|
Advanced
$349
|
|---|---|---|---|
| Delivery Time | 3 days | 8 days | 15 days |
Number of Revisions | 2 | 5 | Unlimited |
Number of Pages | 1 | 4 | 10 |
Source Files | |||
Commercial Use | |||
Responsive Design | |||
Interactive Mockup | - |
Optional add-ons
You can add these on the next page.
Fast Delivery
+$15 - $40
Additional Page
(+ 1 Day)
+$19Frequently asked questions
About Michael
Frontend Developer | UI/UX Designer
Jakarta, Indonesia - 10:12 am local time
Have you ever experienced the frustration when designers hand off beautiful mockups that developers struggle to build? Or when developers ship functional interfaces that never quite capture the original vision?
I close that gap by living on both sides of it.
As a designer, I think in code. I know what's feasible, what's expensive to build, and how to build design systems that scale cleanly into components.
As a developer, I think in design. I care about spacing, motion, and hierarchy as much as I care about clean and performant code.
I've spent 5 years in the largest banking corporation in Indonesia, designing and building their main mobile banking web application, specializing in Angular, React, and Figma. My educational background includes a master’s and a bachelor’s degree, further strengthening my capability to deliver high-quality solutions.
Whether you need a full product built from scratch or a design system that developers will actually enjoy implementing, I bring both halves of the process under one roof.
Let's build something that looks as good as it performs.
Steps for completing your project
After purchasing the project, send requirements so Michael can start the project.
Delivery time starts when Michael receives requirements from you.
Michael works on your project following the steps below.
Revisions may occur after the delivery date.
Research and Planning
I start by understanding your business, goals, and target users through any existing materials you provide. This stage sets the foundation, defining the project scope, user needs, and key features before any design work begins.
Wireframing
Next, I map out the structure and layout of each screen through low fidelity wireframes, focusing on user flow, content hierarchy, and functionality. This ensures the logic and navigation make sense before visual design is applied.



