You will get a fully responsive landing page, designed in figma and built in Next.js
Project details
Get a landing page that's both well-designed and built right, from Figma to production-ready Next.js code, done by one person instead of handed off between a designer and a developer.
I'm Ade, a Frontend Developer and UI/UX Designer with 3+ years of experience. I handle design and development myself, so the final result stays true to the original vision, no gaps between design and code.
What's included:
• Landing page design in Figma (desktop + mobile)
• Responsive code built with Next.js and Tailwind CSS
• Clean, maintainable component structure
• Cross-browser and cross-device testing before delivery
Why work with me:
I design it myself, then build it, so the result reflects real UX thinking, not just visuals. See this approach in my portfolio project Duittku, a finance app I designed and built end-to-end.
Have a different scope in mind? Message me before ordering and I'll help find the right package.
I'm Ade, a Frontend Developer and UI/UX Designer with 3+ years of experience. I handle design and development myself, so the final result stays true to the original vision, no gaps between design and code.
What's included:
• Landing page design in Figma (desktop + mobile)
• Responsive code built with Next.js and Tailwind CSS
• Clean, maintainable component structure
• Cross-browser and cross-device testing before delivery
Why work with me:
I design it myself, then build it, so the result reflects real UX thinking, not just visuals. See this approach in my portfolio project Duittku, a finance app I designed and built end-to-end.
Have a different scope in mind? Message me before ordering and I'll help find the right package.
Main Type
Landing Pages, WebsiteFile Format
JPG, PDFWhat's included
| Service Tiers |
Starter
$80
|
Standard
$150
|
Advanced
$250
|
|---|---|---|---|
| Delivery Time | 2 days | 3 days | 5 days |
Number of Pages | 1 | 2 | 3 |
Number of Revisions | 2 | 3 | 5 |
Source Files | |||
Commercial Use | |||
Convert to HTML/CSS | |||
Responsive Design | |||
Interactive Mockup | - | - |
Optional add-ons
You can add these on the next page.
Additional Page
(+ 2 Days)
+$10
Interactive Mockup
(+ 3 Days)
+$20About Ade
React & Next.js Developer | UI/UX Designer | Figma to Production
Bogor, Indonesia - 7:15 am local time
For the past 3+ years I've worked as a Frontend Developer and UI/UX Designer, which means I don't just implement someone else's design — I can design it myself, then build it into a fast, responsive, and maintainable product.
What I bring to your project:
- End-to-end ownership: I can take a project from a blank Figma file to a deployed app, or plug into your existing design/codebase at any stage.
- Performance-focused builds: Next.js (SSR/SSG/ISR), optimized Core Web Vitals, clean state management with Zustand/TanStack Query.
- Cross-platform: React for web, React Native for iOS & Android, sharing logic where it makes sense to save you time and budget.
- Type-safe code: Built in TypeScript by default, so your codebase stays maintainable as it grows.
- API integration: RESTful and GraphQL, connecting your frontend cleanly to whatever backend you're running.
My technical toolkit:
Web: React.js, Next.js, TypeScript, Tailwind CSS, Zustand, TanStack Query
Mobile: React Native (iOS & Android)
Design: Figma (design systems, prototyping, UX research)
Integration: REST API, GraphQL, Axios
I'm currently building my track record on Upwork and looking for the right first few projects to work closely on happy to start with a smaller scope so we can build trust before scaling up. Send me a message or click "Invite" and let's talk about what you're building.
Steps for completing your project
After purchasing the project, send requirements so Ade can start the project.
Delivery time starts when Ade receives requirements from you.
Ade works on your project following the steps below.
Revisions may occur after the delivery date.
Discovery
I'll review your brief, brand assets, and any reference sites you like, then confirm the goal of the landing page (lead gen, product launch, portfolio, etc.)
Wireframe & Design
I design the layout and visual direction in Figma, including desktop and mobile versions, and share it with you for feedback.