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 design Website design in Figma and Photoshop — BB STUDIO in Figma and Photoshop

We build website mock-ups in Figma — with components, Auto Layout, styles and adaptive frames — and if your developer prefers Photoshop, we create the layout as a PSD. Design in Figma from ₴7,900.

We work under a formal contract, with no prepayment. The finished mock-up can go straight to us for coding or to your own developer, with every size, colour and export-ready asset.

Get a quoteGet a quote
Website design in Figma and Photoshop — BB STUDIO

Why we design in Figma

Figma runs in the browser: you open the mock-up from a link and leave comments right on the relevant section, and we see them straight away. No sending files back and forth or working out which version is the latest.

We assemble the mock-up from components and Auto Layout, and define colours and fonts as styles and variables. That keeps the file orderly even after many rounds of edits, while your developer sees spacing, sizes and CSS properties in Dev Mode with no guesswork.

Photoshop remains an option if your developer is used to PSD files: in that case we build the layout in Photoshop with tidy layers and groups. To turn the mock-up into a working site, order pixel-perfect coding — we can code from either format.

Pricing for mock-ups and coding

Design and coding can be ordered together or separately. The price is in the contract before we start, and there is no prepayment.

Design in Figma

one-off; PSD on request
from ₴7,900
  • Components and variants
  • Auto Layout throughout
  • Colour and type styles, variables
  • Frames at 360, 768 and 1280+
  • Handoff via Dev Mode
  • Icons and images ready to export
Get a quoteGet a quote

Coding from the mock-up

per page; landing page from ₴4,900
from ₴1,500
  • From Figma or PSD
  • Overlay check against the mock-up
  • Responsive and cross-browser
  • WebP images
Get a quoteGet a quote

The design price depends on the number of pages and the complexity of components; coding depends on the number and complexity of pages. Both services are already part of our turnkey landing page from ₴9,900, so if you need a working site rather than just a file, compare the two options.

What your mock-up will be like

01

Components

Each interface element exists once in the file, as a main component with variants — sizes, states, with or without an icon. Every instance on every page inherits its changes.

02

Auto Layout

Blocks adjust themselves to longer text or a new menu item, and spacing stays as intended. This brings the mock-up closer to how real front-end code behaves.

03

Styles and variables

Colours, fonts, spacing and corner radii live in styles and variables. Changing the brand colour across the whole file takes one action, not dozens of edits.

04

Adaptive frames

Every key page comes in 360, 768 and 1280+ px frames, showing how sections rearrange from phone to large monitor.

05

Dev Mode handoff

We mark frames as ready for development, and your developer takes sizes, colours and CSS properties straight from the file, exporting icons as SVG and images as PNG or JPG.

06

Photoshop layout

If your developer works with PSD files, we build the layout in Photoshop: layers named and grouped by section, editable text layers, and adaptive versions on separate artboards.

From brief to finished mock-up

  1. Brief and format

    We clarify the task and agree up front who will code it and which file format is needed.

  2. Wireframe and style

    Page structure plus a few key components to lock in the visual language.

  3. Mock-ups at every width

    Pages in the approved style, with adaptive versions and notes for the developer.

  4. Handoff

    Access to the Figma file or the PSD, marked-up frames and answers to the developer’s questions.

A flat image, a template or a Figma mock-up

What the developer gets in each case — and how much they will have to guess.

Flat image mock-up (JPG/PNG)Ready-made templateFigma mock-up by BB STUDIO
Mobile versionUsually missingWhatever the template does360/768/1280+ frames
Element statesOne static lookPartlyHover, error, disabled
Sizes and spacingMeasured by handBuried in template codeIn Dev Mode
Making changesRedo every screenLimited by the templateVia components and styles
CollaborationEmailing files—Comments via a link
Design in Figma
or in Photoshop if your developer prefers
from ₴7,900
Get a quoteGet a quote

Figma and PSD mock-up FAQ

From ₴7,900. The price depends on the number of pages and components: a landing page takes 3–5 days, a business website 1–2 weeks. We can also code the mock-up: from ₴1,500 per page or from ₴4,900 for a whole landing page.

Yes. Figma cannot export to PSD, so we choose the format before we start: if your developer needs Photoshop, we build the layout in Photoshop from day one. We can also code a finished PSD layout.

Not a problem: the mock-up opens in a browser from a link. If your developer has no access to Dev Mode, we export the icons and images ourselves and send them as an archive, and explain anything unclear in comments on the mock-up.

The standard set is 360 px (phone), 768 px (tablet) and 1280 px and wider (desktop). If your analytics show lots of visits from other screens, such as large monitors, we add frames for those too.

Yes. If you already have a mock-up in Figma or PSD, we can tidy it up: build proper components and add adaptive versions and element states. We quote once we have seen the file.

Yes. We use openly licensed fonts such as Google Fonts, or your brand fonts with a web licence. Photos are yours or from stock libraries that allow commercial use, so there are no unlicensed images on your site.

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 mock-ups and design

Get your images and page ready

Exported images from the mock-up? Convert them to WebP and check their weight and alt text; after launch, preview your Google snippet and measure page speed — all free.

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