NEW CASE
Antana

We create digital solutions that work for businesses


Give us a call +38 (066) 35-14-529

Let's take the first step towards your website — write to us

Close

Website coding Website coding from Figma and PSD — BB STUDIO from Figma and PSD

We turn your Figma or PSD mock-up into clean, semantic HTML, CSS and JS — pixel-perfect, responsive and consistent across all major browsers. Coding a page from ₴1,500, a landing page from ₴4,900.

We work under a formal contract, with no prepayment. We can hand over an archive of files or code the pages straight into our CMS or a WordPress theme.

Get a quoteGet a quote
Website coding from Figma and PSD — BB STUDIO

What good front-end coding looks like

Coding is the stage where a design becomes a page in the browser. It decides whether the site matches the mock-up, how quickly it loads and whether it falls apart on an unusual screen size.

We write semantic markup — proper H1–H3 headings, lists, buttons and labelled forms — because search engines and screen readers both rely on it. Each finished page is overlaid on the mock-up and refined until it is virtually identical, and images are converted to WebP.

The coded pages can be connected to a CMS — our own or WordPress — so you edit copy and photos yourself in the admin panel. If there is no mock-up yet, it has to be designed first, in Figma or Photoshop.

Coding pricing

We price by the number of mock-up pages, not by the hour, and put the figure in the contract before we start — no prepayment.

Page coding

per page
from ₴1,500
  • Semantic HTML and CSS
  • Responsive at 360/768/1280+
  • Chrome, Safari, Firefox, Edge
  • Pixel-perfect overlay check
  • Optimised WebP images
Get a quoteGet a quote

Landing page coding

one-off, whole landing page
from ₴4,900
  • All sections and breakpoints
  • JS animations and interactivity
  • Enquiry form with field validation
  • Mock-up check at every width
  • Lighthouse check: LCP, CLS, TBT
Get a quoteGet a quote

Integration into our CMS or a WordPress theme and complex JS logic are quoted separately, after we review the mock-up. Hosting, content upload and basic SEO are not part of coding — they all come with turnkey website development.

What the coding includes

01

Semantic code

Header, main, nav and section elements, a single H1 with logical subheadings, and real buttons and links instead of clickable divs. Code like this is easier to maintain and easier for search engines to read.

02

Responsive layout

We test pages at 360, 768 and 1280+ px and the widths in between: blocks don’t overlap, text stays on screen and tables scroll.

03

Cross-browser testing

We check looks and behaviour in Chrome, Safari, Firefox and Edge, including Safari on iPhone, which often has quirks of its own.

04

Pixel perfect

We overlay the page on the mock-up and adjust spacing, sizes and fonts until the page is virtually identical to it — at every width, not just on desktop.

05

Speed

Correctly sized WebP images, lazy loading below the first screen and minimal third-party libraries. At the end we run pages through Lighthouse, checking LCP, CLS and TBT.

06

CMS-ready

The code is split into reusable blocks, so it moves easily into our CMS or a WordPress theme and you can edit pages without a developer.

How we code

  1. Mock-up review

    We check that every width, state and font is there and ask our questions before we start.

  2. Quote and contract

    Number of pages, price and timeline in writing before work begins.

  3. Coding

    One page first for your approval, then the rest, with a test link to review them.

  4. Testing and handover

    Pixel-perfect checks, browsers and Lighthouse — then an archive of files or pages in your CMS.

What affects the cost of coding

The base price is from ₴1,500 per page and from ₴4,900 for a landing page; we will give an exact figure once we have seen the mock-up.

Size of the mock-up

We count unique pages and templates. Twenty identical service pages are one template, not twenty pages.

Animation and interactivity

Sliders, tabs and accordions are routine, while parallax, complex scroll animations or calculators take more JS work.

Mock-up quality

A mock-up with components, Auto Layout and every adaptive version is quicker to code. If there is no mobile version, it has to be worked out first.

Where the code goes

A plain HTML/CSS/JS archive is the simplest option. Integrating into our CMS or a WordPress theme adds work, but the pages become editable in the admin panel.

Why clients order coding from us

  • We design mock-ups ourselves, so we understand the designer’s intent and do not “simplify” whatever is awkward to code.
  • We do not check by eye: pages are overlaid on the mock-up and their speed is measured in Lighthouse.
  • No unnecessary frameworks or page builders — any front-end developer can maintain the code.
  • No prepayment: you pay as agreed or under the contract; we are a Ukrainian sole proprietor, not VAT-registered.
  • Transparent pricing: from ₴1,500 per page, landing pages from ₴4,900.

What most often goes wrong in coding

  1. Fixed-width blocks, so on a phone the page has to be scrolled sideways.
  2. Headings coded as plain text, with the H1 on the logo on every page.
  3. Images dropped in straight from the mock-up at full size, several megabytes each.
  4. Fonts and spacing done by eye, so the site only roughly resembles the mock-up.
  5. Tested in Chrome only — and the menu will not open in Safari on iPhone.
  6. Content jumps around while loading because images and banners have no set dimensions, which hurts CLS.

A converter plugin, a freelancer or BB STUDIO

Where the code comes from and what happens to it next.

Figma-to-code pluginFreelancerBB STUDIO
Code qualityOften bloated markupLuck of the drawSemantic and lean
ResponsiveNeeds manual fixingYes, but not always in between360/768/1280+ and in between
Mock-up check—By eyeOverlay at every width
SpeedNot checkedRarely checkedLighthouse: LCP, CLS, TBT
CostPlugin plus manual fixesVaries, often hourlyFrom ₴1,500 per page
Website coding
per page; landing page from ₴4,900
from ₴1,500
Get a quoteGet a quote

Website coding FAQ

From ₴1,500 per page, and from ₴4,900 for a landing page. The exact amount depends on the number of unique templates, animations and whether we integrate the code into a CMS. We quote after reviewing the mock-up and fix the price and timeline in the contract.

It means the coded page is virtually identical to the mock-up: the same spacing, sizes, fonts and colours. We check this by overlaying a semi-transparent mock-up on the page in the browser at every width. Browsers render fonts slightly differently, so a perfect match of every pixel is impossible, but the difference is minimal.

Both. Figma is more convenient because sizes and assets are visible right in the file, but we take PSDs too — as long as the layers are organised and the fonts come with the file.

We can work it out ourselves while coding, but for complex pages it is better to design the mobile mock-ups first — we do this as part of our Figma design service.

Yes. We build a WordPress theme from your mock-up or integrate the pages into our CMS, so you change copy, photos and prices in the admin panel. If you only need the code, we hand over an HTML/CSS/JS archive.

Coding lays the groundwork for speed: lightweight images, few extra libraries and set media dimensions. We test pages in Lighthouse, but the final result also depends on hosting, the CMS and any scripts added later. If an existing site is already slow, site speed optimisation will help.

No. There is no prepayment for our work: you pay as agreed or under the contract. We operate officially as a Ukrainian sole proprietor (FOP, 3rd group), not VAT-registered, and provide a contract, invoice and certificate of completion.

Useful reading on coding and speed

Check your front end for free

Measure page speed, check security headers and structured data, and compress images to WebP before adding them to your site.

Design & coding

No prepayment, fully official

Everything we agree is put in writing, and we never take money up front — you see the result of the work before you pay for it.

No prepayment

We take no money in advance. Payment terms are agreed with you beforehand — by arrangement or under the contract.

Official: registered sole proprietor

Contract, invoice and certificate of completed work. We are a Ukrainian sole proprietor (FOP, 3rd group) and not VAT-registered, so the price is final — no VAT is added on top.

Price and deadlines in the contract

We fix the scope, cost and timeline before work starts. Any new task begins only after you have approved its price.

Free estimate

The consultation and project estimate cost nothing and commit you to nothing. We reply within 15 minutes during working hours.

Related services

We build modern websites that combine thoughtful design, high speed and convenient functionality. From corporate sites to complex web projects — solutions that work for your business growth.

We design online stores with a well-thought-out structure, fast performance and convenient checkout. We integrate payment, delivery and everything needed for effective online sales.

Product catalog
Cart
Online payment
Delivery
CRM
Analytics

We create landing pages that grab attention and motivate action. A thoughtful structure, strong design and conversion focus help you get more leads.

Conversion
Prototype
Responsive
Lead form
Analytics

Design for new websites and redesigns of old ones, UX audits, mockups in Figma or Photoshop and pixel-perfect coding. We also create logos and brand identity. We make sure the site is clear to people and brings in leads, not just looks good.

We optimize the site for search engines, improve its visibility in Google and attract the target audience. We work on technical optimization, content and organic traffic growth.

We set up and run ads on Google, Facebook, Instagram and TikTok, and help businesses show up in ChatGPT and AI search answers. A transparent budget, clear reports and prices published on the site.

We run Instagram, Facebook and TikTok for businesses: a content plan, posts, Reels and Stories in one consistent style. We also set up pages from scratch — profile photo, bio, covers, buttons and a link to your site.

Social media managementPage setup
Instagram
Facebook
TikTok

We ensure the stable operation of the site: updates, backups, bug fixes, security control and technical support. You grow your business — we take care of the site.

We host websites on fast SSD hosting with SSL, daily backups and 24/7 monitoring. Moving from another host? The migration is free — and you get 2 weeks of hosting as a gift.

Let’s create something amazing together

Become a clientBecome a client
Telegram Viber Call us