Detailed Layout of the Project!
Figma project https://www.figma.com/design/O1ZFkM0Ugian1oUkMcq8qX/Untitled?node-id=1733-5461&t=uwr78V10NVNWzq6F-1
🔒 TECHNICAL TASK
FRONTEND LAYOUT BASED ON Figma MOCKUP
(WITHOUT BACKEND / WITHOUT LOGIC / WITHOUT STORAGE)
1. Work Objective
To layout the user interface of the website strictly according to Figma mockups (pixel-perfect)
❗ Exclusively frontend layout, without implementing server logic, data storage, and business processes.
The result of the work must be fully ready for subsequent backend connection, but not contain its implementation.
2. Design Source
The only source of truth is Figma mockups
The layout is performed 1 to 1:
sizes
margins
fonts
colors
element states
Any deviations from Figma are prohibited without agreement
3. Frontend Responsibilities (CRITICAL)
🚫 Frontend DOES NOT HAVE THE RIGHT:
to design APIs
to implement business logic
to store data
to perform authorization
to perform calculations
to connect to databases
to emulate "smart" behavior
Frontend ONLY displays the interface.
4. Forms (MANDATORY)
4.1 Form Behavior
All forms:
are laid out strictly according to Figma
contain visual validation (required, error-state)
DO NOT STORE data
DO NOT SEND data to the server
4.2 Form Submission
On submit:
console.log('Form submit mock', formData);
❗ Uses JS stub, without fetch / axios / API.
5. Lists, Cards, Tables
5.1 Data Source
All lists are laid out statically
Data is hardcoded (mock-data)
HTML structure must be ready for API
Example:
<div class="items-list">
<!-- items from API later -->
</div>
❗ No logic for loading data.
6. Authorization / Registration
6.1 Strictly UI Only
Layout of login / registration screens
Fields, buttons, error states — only visually
No login/password validation
6.2 Behavior
Login button:
console.log('Auth UI only');
❗ NO:
JWT
cookies
localStorage
roles
access
7. Buttons and Actions
7.1 All Buttons
Must have hover / active / disabled (if present in Figma)
Do not perform real actions
7.2 Button Behavior
console.log('Button clicked');
8. Modals / Popups
Open/close with local JS
No data loading
No binding to API
States strictly according to the mockup
9. Responsiveness
Mandatory breakpoints:
Desktop
Tablet
Mobile
Layout strictly according to responsive Figma mockups
Arbitrary solutions are prohibited.
10. Technical Requirements
HTML5
CSS / SCSS
Class methodology: BEM (or agreed)
Clean, readable structure
Component approach
11. Preparation for Backend (BUT WITHOUT ITS IMPLEMENTATION)
Frontend must:
leave comments:
<!-- backend: data will be injected here -->
use neutral data attributes
make no assumptions about API logic
12. Acceptance Criteria
Work is accepted if:
The layout visually matches Figma
No network requests
No data storage
No business logic
All interactivity — stubs
Code is ready for backend connection
13. Prohibited Without Agreement
❌ Independently:
invent logic
optimize UX "on your own"
add behavior not from Figma
write API clients
EVERYTHING MUST WORK AND LOOK LIKE IN FIGMA!
-
📌Hello.👋
⭐️My name is Andrey.
⭐️My work experience: 12 years+
• ➡️I can show works specifically on project layout
• 🎨Portfolio:Freelancehunt
• ✅Work rating on Behance (over 500,000 views)
• 💼More works here:Dribbble
-
Valery, your project is a challenge that I am ready to tackle with enthusiasm. My experience in creating adaptive interfaces exactly according to Figma layouts guarantees flawless compliance with your vision. I am confident that our technical skills will allow us to create a perfectly interactive frontend, ready for backend integration without any deviations. My understanding of adaptability and component-based approach will ensure that your project looks and functions impeccably across all platforms. I look forward to the opportunity to discuss your expectations further.
-
I will implement pixel-perfect layout in HTML/SCSS according to BEM with full responsiveness and JS placeholders strictly according to the technical specifications. I guarantee a clean structure for further backend integration. The cost for the entire volume is $450, the deadline is 10 working days.
When do you plan to open the project so that I can reserve time for your volume?
-
375 1 0 Good day!
I am ready to complete your project. I work with web development and design, have practical experience and a portfolio.
I have worked with clients from Ukraine and Europe, adhere to deadlines, and am always in touch.
I am ready to discuss the details and offer an optimal solution. I can start as soon as possible.
-
309 1 0 Hello, I understand how important it is to reproduce the design without changes on the website, so I take responsibility for the quality of my services.
Write to me, we will discuss the details and the price.
I respond quickly!
-
10857 17 2 ✌️Hello, also from Khmelnytskyi))
I offer my candidacy. The task is clear and not new.
10 days, 20,000 UAH and you will have a pixel-perfect frontend 1 to 1 as in the layout.
✔️ You won't be able to distinguish the real site from the design.
✔️ The display logic will be implemented clearly according to the specifications.
… We work quickly, accurately, and without wasting your nerve cells.
🤝 I see no reason why our cooperation would not take place))
-
11706 68 0 Good day
I am ready to discuss the details in private messages
...........................................
-
7672 16 0 1 Hello.
I have familiarized myself with the task.
I will create a quality layout.
Write to me, we will discuss the project details!
----------------------------------
Private web developer. Experience – 10 years.
Design, layout, development of Wordpress sites.
-
10515 179 3 3 Good day. I have extensive experience in website development. I will do it efficiently and quickly. Write to me, we will discuss the details.
My portfolio
Freelancehunt
-
807 6 1 Good day!
I am ready to create a website based on your design from Figma. I will perform clean HTML layout with responsive versions for mobile devices and tablets, strictly according to the layout.
What I will implement:
• Website layout in HTML/CSS based on the design from Figma
• Full responsiveness: desktop / tablet / mobile
• Contact form with validation of empty and incorrectly filled fields
• Everything strictly according to the technical specifications
… • Clean, structured code
My works:
https://yesoriginal.com.ua/ https://beauty-prof.com/ https://biotop-professional.com.ua/
https://heko.lt/
http://jobsfor-you.com/
https://brightsmile.masterdev36.com/
https://velustro.masterdev36.com/novabuild/
https://wall-master.artbud.pro/
https://www.cardanmash.com.ua/
http://floridagardendesigns.com/
https://sugacards.com/
https://advilion.com
http://axiomaplus.com.ua/
https://maxinstal.ch/
http://otpad.com.ua/
http://spectrum.net.ua/
I am ready to start immediately.
Current freelance projects in the category Interface Design (UI/UX)
It is necessary to transfer and adapt the design from the old site to the new one.Hello. We need to transfer and adapt the design of the old website msonya.com to the new template test.msonya.com and create the design for each page of the site in Figma for further "implementation" of the design on the website. Two formats: desktop and mobile. Interface Design (UI/UX), Web Design ∙ 1 day 11 hours back ∙ 42 proposals |
UI/UX Audit and Bringing the Website to a Unified Style
179 USD
Important: we only consider specialists with confirmed experience and a portfolio. A real estate agency website is being developed. All main pages have already been assembled and laid out in Lovable. At this stage, a professional audit of the interfaces is required to identify… Interface Design (UI/UX) ∙ 1 day 14 hours back ∙ 31 proposals |
We are looking for a designer to create a series of trigger email newsletters for a men's accessories brand.We are looking for an experienced email designer to develop the design of a series of trigger emails for a men's accessories brand. The texts for the emails are already prepared. The task is specifically to create a high-quality, modern, and responsive design that aligns with… Interface Design (UI/UX), Web Design ∙ 1 day 17 hours back ∙ 14 proposals |
Need a UI/UX designer: redesign of the catalog + product card (Figma)Active online store for wheels and tires OBERT (https://obertshop.com.ua). Need redesign of two existing pages: Catalog (product list) — https://obertshop.com.ua/shop/Product card — example: https://obertshop.com.ua/shop/dysky/audi/r21-audi/disk-r21-na-avto-audi-obr9006/ Both… Interface Design (UI/UX), Web Design ∙ 2 days 12 hours back ∙ 66 proposals |
2D Game Artist / UI Designer for the visual update of an already completed interactive game.
112 USD
Looking for a talented 2D Game Artist / UI Designer for a visual update of an already completed interactive game. The logic and mechanics of the project are fully written and functional (collision physics, interactivity). We need to completely change the graphics, making it… Interface Design (UI/UX), Web Design ∙ 2 days 18 hours back ∙ 10 proposals |