Service
Landing Page (Website) Design in Figma
Landing page, website and supporting page design in Figma: structure, copy, desktop and mobile layouts. You get a finished design that you can build right away, with me or with your own developer. I work remotely, under a written agreement.
Figma
file with full access for you
Desktop + mobile
both layouts included
3 rounds
of design revisions included
Definition
What is landing page design and what does the service include?
Landing page design is a layout that shows what goes where, how the page looks on a computer and on a phone, and how a visitor gets to the request form. It is not just a nice picture: I plan the structure, write the copy for each block and design everything the user sees.
The service includes:
- Structure and prototype. The order of blocks for your offer and audience.
- Copywriting. Headlines, descriptions, buttons and answers to objections. You review and approve.
- Desktop version. The layout for computers.
- Mobile version. A separate layout for phones, not a squeezed copy of the desktop one.
- Styles and components. Colors, fonts, buttons and forms, so the site looks consistent.
- Supporting pages and popups. Thank-you page, privacy policy, request form and success message.
- Interaction states. Button hover, form errors, a filled form.
- Handoff. Figma access and export of images and icons.
Who it is for
Website design in Figma: when to order only the design and when design with development
A standalone Figma website design fits if you already have a developer or a team that will build the site, or if you want to see and approve the site first and pay for development later. It is also a good option when the old design does not work but rebuilding the whole site is too early.
If you need a finished website, it is easier to order design and WordPress development as one project: the layout is designed with the final build in mind.
Details
Supporting pages and popups that people often forget
A landing page is not only the main screen. After a person leaves a request, they see a few more screens, and it is better to plan them from the start:
- Thank-you page. Confirms that the request was received, explains what happens next and lets you measure conversions in analytics and ads.
- Privacy policy. Needed when you collect data through forms and analytics. I design it in the style of the site so it does not look foreign.
- Popups. Request form, callback form and a success message.
The thank-you page and a popup with a form are part of the landing page design, and other pages can be added separately.
Benefits
Why clients work with me
One person
Design and development by one person: the layout is designed with an understanding of how it will work on WordPress.
Two layouts included
Desktop and mobile versions are part of the price, with no extra charge for mobile.
Copy together with design
I write the copy for each block, so the layout has real content instead of placeholders.
Clear terms
Scope, timeline and price are fixed in a written agreement before we start.
Process
Five steps from brief to final layouts
Brief and goal
You describe the product, audience and offer, and I give you an estimate of price and timeline.
Agreement
We fix the scope, timeline, price and payment terms in writing.
Structure and copy
I build the page structure and write the copy for each block. You approve it.
Design: desktop, mobile and supporting pages
I design the desktop and mobile layouts, the thank-you page, popups and element states.
Revisions and handoff
I make the revisions (up to 3 rounds) and hand over the Figma file with exported assets.
Pricing
How much does landing page and website design cost?
The price depends on the number of sections and pages and on whether you need copywriting. Tell me about your project and I will give you an estimate after the brief.
| What you order | What is included | Price | Timeline |
|---|---|---|---|
| Landing page design | Custom Figma design: desktop and mobile layouts, copywriting, styles and components, thank-you page, popup with a form, 3 rounds of revisions | from $350 | from 5 days |
| Business website or online store design | The scope depends on the number of pages, estimated after the brief | discussed individually | discussed individually |
| Design together with WordPress development | Landing page: Figma design and custom WordPress build in one project | from $550 | from 10 days |
FAQ
Frequently asked questions
How much does landing page design cost?
Landing page design starts from $350, and design together with custom WordPress development from $550. The final price depends on the number of sections and on whether you need copywriting. Tell me about your project and I will give you an estimate after the brief.
Can I order only the design, without development?
Yes. You get a Figma file and give it to your own developer or team. If you want, I can build the website from this design on WordPress.
What will I receive?
A Figma file with access for you: desktop and mobile layouts, styles (colors, fonts, buttons, forms), a thank-you page and popups. I also export images and icons for development.
Is the mobile version included?
Yes. I design the mobile version as a separate layout instead of just shrinking the desktop one, because blocks are read and tapped differently on a phone.
Who writes the copy for the landing page?
I write the copy for each block: headlines, descriptions, buttons and answers to common questions. You review and approve it. If you already have your own copy, I will use it.
Why do I need a thank-you page and popups in the design?
A thank-you page shows people that their request was received and what happens next. It also lets you track conversions accurately in analytics and ads. Popups (request form, success message) are better designed from the start so that they look like part of the website.
How many revision rounds are included?
Three rounds of revisions. One round is a single consolidated list of changes that you send at once.
Can you build the website from another designer’s layout?
Yes, I can turn a Figma or PSD design into a WordPress website. Tell me about your project and I will confirm the details.
Let’s discuss your design
Describe your project in a few sentences and I will reply within a day with an estimate of price and timeline. The consultation is free. You can also use the contact page.