Budget: 3000 UAH Deadline: 3 days
Hello! I can take on the task "Layout of the analytical interface." I work with JavaScript/Node.js, frontend edits, integrations, and support for existing code. First, I will clarify the expected behavior, then I will implement the changes cleanly and check the key scenarios to ensure the result is ready for use.
Budget: 27000 UAH Deadline: 7 days
Hello. I am ready to implement it on Next.js. Can I take a look at the layouts?
Budget: 2500 UAH Deadline: 1 day
Good day, Anna
I have 10 years of experience in development, working with the tech stack on React Native (+TypeScript), React.js (Next/SSR +TypeScript), backend Node.js (Express/Nest) + MongoDB, Firebase + TS.
I am ready to take on the layout. It will take approximately 30-40 hours.
Feel free to write, I would be happy to collaborate.
Best regards, Oleksiy.
Budget: 2000 UAH Deadline: 1 day
Good day!
I am ready to gladly code the website.
It will turn out exactly the same.
I will send additional information in a private message.
Budget: 2500 UAH Deadline: 2 days
Good day! I develop in Python, have worked on similar projects with React/Node.js, and am ready for collaboration.
Budget: 2500 UAH Deadline: 2 days
Hello. I can efficiently and quickly carry out the layout of the design you specified. Feel free to contact me!
Budget: 2500 UAH Deadline: 3 days
Hello! I am doing pixel-perfect layouts based on Figma, dashboards with metric cards and graphs are a common theme. I will create an interactive map of the USA by states in SVG with highlighting and tooltips. Both pages are responsive. Are the diagrams static images from the layout or do you need live ones (Chart.js)?
Budget: 2000 UAH Deadline: 1 day
Good day. I will implement the layout of both pages in React with Tailwind, featuring a responsive grid and interactive map elements (you can use Leaflet and textures, or replicate the layout). I will attach examples of dashboards in private messages. I am ready to discuss the details and start working. I look forward to collaborating.
Budget: 2500 UAH Deadline: 4 days
Hello. Anna, I can carefully layout these 2 analytical pages 1:1 according to the Figma design with a responsive grid and clean structure for further conversion. I work with Vue / HTML / CSS / JS, so I can easily implement metric cards, charts, tables, and a map of the USA by states. I have experience with admin panels and dashboards in Vue. If you send the design, I will immediately provide real timelines and show relevant examples.
Budget: 3000 UAH Deadline: 5 days
Hello, Anna! 👋
I am ready to help you with the layout of the analytical interface.
I have reviewed your assignment. The project is clear to me: it is necessary to layout two pages of the analytical interface according to the ready-made design from Figma, including metric cards, pie charts, a leaderboard table, as well as an interactive map of the USA and an efficiency table.
I have over 10 years of commercial experience in web development and practical experience in similar tasks. I have worked with various technology stacks, including HTML, CSS, and JavaScript, which allows me to accurately recreate the design according to your requirements.
🔧 I will perform:
— Layout of pages according to the design from Figma;
— Implementation of a responsive grid;
— Creation of an interactive map of the USA;
— Integration of pie charts and tables;
— Ensuring pixel-perfect quality.
✅ On my part, I will do everything neatly, without unnecessary complications, with attention to detail and convenience for further work.
🎁 As a small bonus within the project, I can additionally provide a brief consultation on further work with the code or a review after completion.
🤝 I also always stay in touch with my clients and am ready to help with any questions regarding the project.
🌐 My portfolio with the latest cases:
https://mrnko.com
💼 Freelancehunt profile: Freelancehunt
🤝 I would be happy to discuss the details, answer your questions, and offer the best solution for your project.
Budget: 2000 UAH Deadline: 1 day
Hello.
I am a NodeJS developer. I am ready to create a website for you. Write to me, and we will discuss.
Budget: 6000 UAH Deadline: 4 days
Hello. I will gladly layout this interface. The topic of dashboards and analytics is clear to me, and I will do everything neatly, pixel by pixel according to your design. I will use clean HTML, Tailwind CSS, and JavaScript. The code will be lightweight, structured, and free of unnecessary clutter, so your developers can easily transfer it wherever needed. Interaction: For pie charts, I will connect a simple library (for example, Chart.js), and I will create the map of the USA using SVG, so that the states are highlighted and everything is clickable without lag. Tables and metrics, of course, will be fully adapted for mobile.
- Projects -
- Rating -
- Rating 702
Budget: 3000 UAH Deadline: 3 days
Good day.
The categories are indicated absolutely correctly.
I am ready to qualitatively layout two pages of the analytical interface Single Location and Multi Location strictly according to your Figma layout. I will do everything exactly with a neat responsive grid.
I suggest using the classic stack of HTML, CSS, and JavaScript. Such clean code will be maximally easy for your team to convert for their needs. For building pie charts, I will connect a lightweight JS library. The interactive map of the USA will be implemented through SVG format with the addition of scripts for hover effects.
Budget: 2000 UAH Deadline: 7 days
Hello, I worked on a Dashboard for a fintech company — the layout of an analytical interface with metric cards, charts, and tables, similar to your project. We created 12+ screens exactly according to the Figma layout.
Please let me know if you need an interactive map of the USA as a static SVG or with real data via API?
I suggest we connect; I will provide you with a free technical consultation and we can outline a development plan + I will tell you about my team!
Budget: 3000 UAH Deadline: 1 day
Good day! I have reviewed the task and am ready to start.
Experience:
• 4 years in Frontend and Backend development
• 2 years of commercial experience in product and blockchain
• Working with production code and real financial scenarios
Some of my projects:
https://contentbuilder.ai/ - a commercial project from the USA, where I worked as a full-stack developer and implemented most of the functionality
https://freelancehunt.com/showcase/work/procasino/2025898.html
https://freelancehunt.com/showcase/work/bionrgg/2025897.html
Budget: 8000 UAH Deadline: 4 days
Good day, Anna. I am ready to start working after discussing the details.
I will create a pixel-perfect layout, cleanly, reliably, responsively, cross-browser compatible, valid, in the green zone of Google PageSpeed. I use modern approaches and tools.
I work with various libraries and frameworks. I can also integrate dashboards with APIs.
Feel free to write, and we will discuss the project in more detail.
Budget: 2000 UAH Deadline: 2 days
Hello!
I have extensive experience in web development.
You can view examples of my work in my portfolio.
I am ready to complete the assigned task (Tailwind + Vue).
Budget: 3000 UAH Deadline: 3 days
Good day
I can do the layout using Tailwind CSS + Vue
-------------------------
Budget: 4000 UAH Deadline: 3 days
Hello! The task is absolutely clear. I am ready to layout both pages of the analytical dashboard strictly 1 to 1 according to your design.
My stack: React + Tailwind CSS.
The code will be clean, broken down into reusable components — it will be very easy for you to integrate it into your needs. For pie charts, Recharts/Chart.js will work great, and for the interactive map of the USA — react-simple-maps or plain SVG, so that the states respond correctly to hover.
Examples of my dashboards and admin panels:
paymex.io — a fintech platform with a complex custom admin panel for managing analytics and transactions.
my-fitness-club.com — a platform with a fully custom analytical mini-CMS (tables, metric cards, data management).
Deadlines and cost:
Deadline: 2–3 days for both pages.
Price: $100–$130 (including responsiveness, chart and map setup).
My approach: I specialize in complex interfaces. I quickly assemble the basic structure, after which I manually refine the grid, margins, and typography to achieve a perfect pixel-perfect state.
Bonus: I will deploy the finished layout on Vercel for free, so that before accepting the work, you can open the link on any device and check the responsiveness and interactive elements live.
- Projects 3
- Rating -
- Rating 117
Budget: 12000 UAH Deadline: 7 days
Hello!
I am ready to implement the layout of the analytical interface according to the Figma design with precise adherence to the design (Pixel Perfect).
My stack:
* React + TypeScript
* Tailwind CSS / SCSS
* Responsive layout for various resolutions
* Working with UI components, tables, charts, and complex interfaces
I have over 4 years of commercial experience in developing Frontend applications. I have worked on product platforms, internal interfaces, and complex UI systems. I have experience in developing with React, Next.js, TypeScript, working with APIs, optimizing performance, and building scalable interfaces.
Regarding your project:
* Single Location — metric cards, pie charts, leaderboard table.
* Multi-Location — cards, interactive map of the USA by states, performance table.
Implementation time: **5–7 working days**.
Cost: **$500** (after reviewing Figma and all component states, I can confirm the final estimate).
Examples of completed projects:
* https://prozoryyofficeadvokata.com/
* https://shuhaimarketing.com/
* https://mediglobus.com/
I also have experience working with product interfaces and internal systems that are under NDA.
I am ready to discuss the project details and start working.
Budget: 5000 UAH Deadline: 3 days
Good day. I will do it efficiently and on time. I have extensive experience in layout for various projects. For example, I wrote everything here https://myinboxify.com/ and for the internal CRM as well. I indicated the price and deadlines in the bid. The stack is HTML / CSS / JS/jQuery (if needed). I don't think anything else will be required for this task. The only question I have is - as I understand, responsiveness will not be needed?
Budget: 7000 UAH Deadline: 2 days
I create the highest quality layouts. I have 10 years of experience in web development. I can create graphics on canvas or SVG. I can avoid unnecessary libraries. OOP JS, and you can modify it to suit your needs.
Budget: 3500 UAH Deadline: 2 days
Hello, Anna!
I will be happy to help you implement this interface with high quality. I specialize in pixel-perfect layout and creating neat interactive interfaces with clean code.
I understand how important it is for the dashboard to look perfect and integrate easily, so I guarantee strict adherence to the layout and a responsive grid for any screens.
My stack for your project:
Framework: Tailwind CSS + React (or plain HTML/JS — I will do it in a way that is more convenient for you for further conversion).
Charts: Chart.js or Recharts (for smooth pie charts).
Map: Simplemaps / Highcharts Maps (for a clear interactive map of the USA by states).
Since my profile on the platform is new and I am building my portfolio, I am ready to complete a small test task (for example, layout one or two cards or a table from your layout) so you can verify the quality of my layout and the cleanliness of the code before approving the bid.
Cost: 3,500 UAH
Timeline: 3–4 days.
I would be happy to discuss the project details in the chat and start working right away!
Budget: 2300 UAH Deadline: 2 days
Hello! I looked at the layout, everything is clear and in progress. I will make both pages 1 to 1: metric cards, pie charts, leaderboards, and an interactive map of the USA by states with coloring based on data and hover effects. Stack is React + Tailwind, the map through react-simple-maps, charts in SVG, everything fits cleanly and accurately according to Figma, the grid is responsive.
I will provide neat code, making it easy for you to convert it for your needs, as you plan.
I will show examples and details in private messages. I look forward to collaborating.
Budget: 2000 UAH Deadline: 3 days
Hello, Anna!
I have reviewed your task and am ready to code both pages according to the Figma layout.
I have extensive experience in responsive HTML/CSS/JS coding, working with Figma and SVG graphics, so I guarantee the most accurate implementation of the design (pixel perfect).
I will code in pure HTML, SCSS(CSS), JavaScript using my own Gulp build for code optimization. I will pay special attention to responsiveness, speed, code cleanliness, and full compliance with the layout.
I will implement the interactive map of the USA as an SVG with the possibility of further integration of the necessary logic.
My works:
https://harmonyc.center/
https://zenvanamassageandskincare.com/
https://andreychagin.com/
https://bogoyavlenskaya.com/
https://uslugi-bti.github.io/limos/
https://uslugi-bti.github.io/pink/
https://uslugi-bti.github.io/stroy/
https://uslugi-bti.github.io/hotbrands/
https://uslugi-bti.github.io/prof/
Why should you choose me?
With me, you will save time, money, and most importantly, nerves, while receiving the highest quality, neat, and responsive coding that will fully comply with the layout.
Guarantee:
The guarantee for the work is unlimited! I will make all corrections that fall within the scope of the terms of reference at any time.
Cost of execution: 2000 UAH
Deadline: 3-4 working days
I look forward to collaborating!
Budget: 6000 UAH Deadline: 3 days
Hello.
What format is better for you? HTML, CSS, or React?
I am ready to do it. Without an admin panel, just two pages?
Write to me, we will discuss the details.
Budget: 6000 UAH Deadline: 4 days
👋 Hello! I am a frontend developer with 5+ years of experience.
I offer responsive layout, stunning animation, clean and valid code.
🛠 I work with:
HTML5, CSS, SCSS/SASS/LESS, TailwindCSS, Bootstrap, JS, Vue 2/3, Nuxt
Swiper, GSAP, Lenis, Masonry, Fancybox, Choices, AOS, noUiSlider, Simple Parallax, and more.
📂 Portfolio: https://vasyltsiutsyk.github.io/vasyl-tsiutsyk/
Always in touch. Ready for the quality implementation of your project!
Budget: 3000 UAH Deadline: 3 days
Good day, I am ready to start working right now. The map will be interactive, and I will immediately create a search field. The layout will be responsive for all devices, and I will also add nice smooth animations.
Here is an example of the dashboard:
https://melkoff.github.io/dashboard/
Examples of my recent works:
https://mansionproject.nl/
https://thecarguys.kinsta.cloud/
https://totuus.co.uk/
https://futurizm.io/
Budget: 10000 UAH Deadline: 7 days
Good day! I am ready to start now! I am prepared to work with the stack that will be more convenient for the project where you will integrate these pages, but my main stack is Vanilla/React. Tailwind is preferred. You can see examples of responsive layouts in my portfolio.
Among the large dashboards I have developed, I have an example, but it is a platform with restricted access, so I am ready to send screenshots in private messages.
I hope for collaboration :)
Budget: 2000 UAH Deadline: 4 days
Ready to execute.
Over 12+ years of experience in Web Development.
Examples of work https://koder.pp.ua/portfolio/
- Projects -
- Rating -
- Rating 325
Budget: 6000 UAH Deadline: 13 days
Hello Anna 👋
I am interested in your project for creating an analytical dashboard. I have 3.5 years of experience in commercial development with React.js, Vue.js, Node.js, and others. I have the necessary qualifications and experience in creating websites 1 to 1 (pixel perfect) with responsive design. I am ready to discuss the project.
Budget: 13500 UAH Deadline: 5 days
Hello. I am ready to start working on your task. Let's discuss.
Budget: 1234 UAH Deadline: 1 day
Good day, Anna!
In general, the task is clear. To provide an accurate response regarding the deadlines and price, I would like to clarify some questions that arose after analyzing your task.
Please write in private messages – we will discuss the details and your wishes.
- Projects -
- Rating -
- Rating 250
Budget: 2000 UAH Deadline: 3 days
PLEASE NOTE!!!
✅ I already have a dashboard implemented directly from your layout: two pages, metric cards, pie charts, tables, and a page with a map of the USA.
I would appreciate it if you could message me privately. I can immediately show you a ready example, and you will quickly understand if I fit the task.
I am ready to perfect the existing version, implement it exactly, make it responsive, and prepare the code so that it can be easily integrated further. If the scope is small, I will prepare the structure for your backend endpoints for free.
Estimated time: 3 days.
Cost of the minimum format: 2,000 UAH.
I will confirm finally after reviewing Figma and clarifying the interactivity of the map.
Budget: 10000 UAH Deadline: 2 days
Hello!
I can do it on Next.js or the old way with HTML/CSS/JS.
I cannot provide open examples of work with charts.
Budget: 4000 UAH Deadline: 2 days
Hello. I will create everything responsively, pixel-perfect on next.js. Write to me.
Examples of work:
https://alerzi.github.io/Fitness/
https://alerzi.github.io/Agency/
https://alerzi.github.io/Construct/
Budget: 8000 UAH Deadline: 5 days
We have experience in coding complex analytical interfaces with precise adherence to layouts from Figma. We implement this through semantic coding in React or pure HTML/CSS, focusing on responsiveness and performance of charts. We are ready to start working promptly.
- Projects -
- Rating -
- Rating 342
Budget: 2000 UAH Deadline: 1 day
Hello.
I will complete your design using React.js/Next.js + Tailwind CSS.
One day should be enough to finish this.
I would like to start working on it as soon as possible.
Thank you.
- Projects -
- Rating -
- Rating 327
Budget: 3500 UAH Deadline: 3 days
Hello, I am ready to create a Pixel-Perfect layout based on the Figma design. You can view my work in the portfolio in my profile. I specialize in 1-to-1 layouts as per the designs. I will do it quickly and with quality, considering all the details of the full technical specification. Since you provided an incorrect link to the design, I cannot specify the exact price and deadlines. I am waiting for the link in private messages.
Feel free to write, and we can discuss the details. I look forward to collaborating!
Budget: 5500 UAH Deadline: 3 days
Good day!
I will do everything with maximum quality without any problems; I have been working in layout for over 5 years.
Deadline: 2–3 days and the price is 100 euros.
Examples of work:
https://momicro.com / https://web.rstays.com / https://ai-desk.ai
GitHub: https://github.com/axbuglak
Sincerely, Buglak Alexey
Budget: 16000 UAH Deadline: 5 days
Hello, Anna!
I am ready to implement a dashboard on Vue.js 3 using the Composition API. I will carry out the layout and all interactive logic in full accordance with the technical specifications. The code will be clean, structured, and easy to maintain.
I have commercial experience in development with Vue.js 3 and regularly work with the Composition API, Pinia, TypeScript, and REST API.
I would be happy to discuss the project details and get started.
Best regards, Yuri
Budget: 2500 UAH Deadline: 3 days
Ready pixel-perfect: both pages of the analytical interface, clean grid, responsive for mobile.
I see that the interface contains metric cards and graphs — this is my daily work, I do it quickly and without cutting corners. I will make the layout semantic: correct tags, accessibility (aria-labels), so it will be easy to integrate Vue/React later or hand it over to the backend. Each block will be flexible — data won't "break" the grid when the length changes.
I have done similar work: a dashboard for sales analytics on Vue + Chart.js — the client praised the accuracy with Figma and the ease of code maintenance.
I am currently available — I can start today, no waiting. I will show the first page first for evaluation and style approval — then I will assemble the second one similarly.
Message me — and I will send the plan for the first stage.
Budget: 4500 UAH Deadline: 7 days
1. I will layout the **Single Location** and **Multi-Location** pages according to the Figma mockup with 1:1 accuracy.
2. I will implement cards with metrics, tables, pie charts, and an interactive map of the USA with states, preserving the structure for further integration.
3. I will create responsive layout and check the correct display on different screen sizes.
4. I will deliver clean, neatly structured code to make it easy to integrate into your project.
One clarification — should the map only respond to hover/click, or should it also work with data and change states?
I work with **React, HTML, CSS, JavaScript, and Tailwind CSS**. My profile has examples of developed admin panels and dashboards — you can review the quality of the work.
I would be happy to discuss the details, evaluate the mockup, and suggest an optimal solution.
- Projects -
- Rating -
- Rating 381
Budget: 4000 UAH Deadline: 4 days
🛠️ My stack for this project:
Base: React, Next.js, TypeScript (the code will be divided into understandable, isolated components that will be easy for you to integrate with the backend).
Styles: Tailwind CSS (the layout will be flexible, responsive, and will work seamlessly on any screens).
Interactive: For pie charts, I use a lightweight library Recharts (or Chart.js), for the interactive map of the USA — a customized interactive SVG or React-simple-maps (clicks on states, hovers, highlighting — everything will work smoothly).
🎯 My relevant experience (dashboard example):
I developed the frontend part for a large B2B/SaaS platform in the logistics sector. There, a huge amount of analytics was implemented: interactive dashboards, complex dynamic tables with filtering, and real-time graphics.
Example of my work: https://frontend.sea.mtisolutions.ca/
Budget: 5000 UAH Deadline: 4 days
Good day!
I have reviewed the task and looked at the layout. This is an analytical dashboard, and the main difficulty lies not in the logic but in the precise layout of all elements and maintaining a clean code structure for future integration.
I propose to execute the project using React and Tailwind CSS. The layout will be component-based, without unnecessary dependencies and with a clean structure, making it easy to adapt to your stack.
I will implement pie charts according to the layout. The map of the USA will be created in SVG with separate states, supporting hover and allowing for easy integration of real data in the future. Tables, cards, badges, indicators, and all small elements will be laid out Pixel Perfect with consideration for responsiveness.
The cost is 5000 UAH.
The completion time is 4 days.
I can layout one metrics card or one row of the table for free, so you can assess the quality and compliance with the layout. If you are satisfied with the result, we will continue working on the entire interface.
Examples of implemented dashboards can be viewed after registering on the service https://salesslon.com
Budget: 4000 UAH Deadline: 2 days
Hello!!!
I will create the layout 1 to 1 as in Figma, the technical specifications are clear. I am ready to take on the project.
Feel free to reach out.
- Projects -
- Rating -
- Rating 393
Budget: 6000 UAH Deadline: 4 days
Good day!
I can qualitatively code 2 pages of the dashboard based on Figma, as closely as possible 1 to 1.
Stack: React / HTML / CSS / JS, with Tailwind if needed.
Regarding the work: metric cards, charts, tables, responsive grid, and a map of the USA by states. I will do it neatly, without unnecessary code, so that it will be convenient for you to adapt it further.
I will provide the price and timeline after reviewing the mockup, but approximately it will be 3–5 days.
I can send examples of admin panels/dashboards in private messages.
Budget: 4500 UAH Deadline: 7 days
Hello.
I have reviewed the task. I have experience in responsive layout of interfaces based on Figma with attention to detail and clean code structure. I can implement the pages as closely as possible to the design with correct display on different resolutions.
I work with:
— HTML5 / CSS3 / SCSS;
— JavaScript;
— Tailwind CSS;
— WordPress;
— if necessary, I can use React for similar interfaces.
As a result, you will receive neat, responsive, and clean markup without unnecessary code, ready for further integration with your functionality.
After reviewing the complete design in Figma, I will be able to confirm the final deadlines and cost.
Budget: 7500 UAH Deadline: 7 days
Good day!
Layouts - Third Space, analytical dashboard. Clean style, everything is clear.
Stack: HTML/CSS (SCSS) + vanilla JS + D3.js (map of the USA by states + pie charts). No frameworks — you will do the final conversion yourself.
Single Location: 4 metric cards (Performance/Reputation/Rating/Reviews) + 2 pie charts (Competitors Tracking + Nearest Competitors) with a legend + Market Leaderboard table with circles for Profile Quality, colored status badges, and change arrows.
Multi-Location: 3 cards + SVG map of the USA with 50 states with color zoning (green/orange/red) and hover-tooltip + Internal Leaderboard table — similar structure to the first page.
I will do the following:
Pixel-perfect layout according to the design - margins, fonts, colors
D3.js map of the USA - hover over states, colors based on data, tooltip
Pie charts using D3 or Chart.js - exactly as in the design
Tables with sorting (Sort by button already in the design)
Responsive grid
From the portfolio: FinBox Dashboard - financial dashboard with charts; SaaS AI analytics - tables and metrics. I will send links.
Cost: 7,500 UAH for both pages / Deadline: 7–8 days after receiving Figma.
—
Denis Ivanchенко · Front-end layout
Budget: 5000 UAH Deadline: 5 days
Hello.
I have reviewed the task.
Write to me, and we will discuss the project details!
----------------------------------
Private web developer. Experience – 10 years.
Design, layout, WordPress website development.
Budget: 4000 UAH Deadline: 3 days
Hello!
I am ready to create both pages pixel-perfect according to Figma with responsiveness.
Stack: React, Tailwind CSS, HTML/CSS/JS.
Examples of my work:
https://n2l.com
https://app.mirsonics.com
I can start immediately after agreement.
Budget: 5000 UAH Deadline: 1 day
Hello! I will complete your task quickly and efficiently.
My recent works
https://indexfast.pp.ua - fast website indexing
https://mono-bank.pp.ua - everything about Monobank
https://mamamia.pp.ua - online store
https://programist.pp.ua/ua/portfolio/ - portfolio of works
https://monitortest.pp.ua - monitor testing
https://keytest.pp.ua - keyboard testing
https://pctest.pp.ua - computer testing
https://vseetut.matviy.pp.ua - layout
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be happy to collaborate with you!
Budget: 2000 UAH Deadline: 1 day
Hello! I work with React+Tailwind and can easily create the layout for you. I have an unfinished admin panel that I'm writing for one of my projects, and I can show it to you. I will execute the quality 1 to 1, in a short time. Shall we discuss the details?
Budget: 2000 UAH Deadline: 1 day
I am a React developer. I am ready to take on this task.
Budget: 10000 UAH Deadline: 7 days
Hello! The task is clear, I have the necessary experience to complete it. I would be happy to discuss the details and carry out your task.
Budget: 8000 UAH Deadline: 4 days
Need to create two dashboards exactly according to Figma: metrics, donut charts, leaderboard, and an interactive map of the USA by states.
Stack: React + Tailwind. Circular charts using Recharts, state map using react-simple-maps with hover/click on regions. Responsive grid using grid/flex, pixel-perfect according to Figma — color and typography tokens directly in the Tailwind config to make it easier for you to convert for your project.
Main point regarding the map: need to clarify if there is a tooltip with data when hovering over a state, or just a visual fill based on value — this affects the component structure.
Deadline: 4 days. We will discuss the price after you provide access to the Figma layout — the volume depends on the number of breakpoints and component states. Can you share the link to the layout?
Proposals are currently absent
-
Anna Popadiuk
10 July
Все рабочее, просто нужно кликнуть на имеющуюся в описании ссылку, вас среферит на новую вкладку-предупреждение о том, что вы покидаете сайт, и далее нажать там, где "Перейти по ссылке":)
Current freelance projects in the category HTML & CSS
We are currently working on the design of the main page of the website. The design will be in Figma. It will be necessary to create a proper layout and hand it over to our programmer. I am ready to answer additional questions to determine the scope of work and cost. Preliminary prototype of the page https://drive.google.com/file/d/1W54_1lrGhPpaSL4HIjPgOI41TlOJagdj/view?usp=sharing The technical task that the designer is working on https://docs.google.com/document/d/1dSlx7i8Y12jYC3RvdtD2sx3Cwot8MmKtfdtK-mVaHMk/edit?usp=sharing
We are looking for a layout designer for the entire project, which includes a separate desktop version and an application. The layout must be identical to the mockup. To start, how long will it take and how much will it cost to create such a landing page?
Task - website layout. There is a ready-made design, created on a builder, that needs to be converted to WP. This is a small (4-5 pages) bilingual informational website with the possibility of integrating WooCommerce. The site must be optimized for SEO.
Create and design a responsive master template for email newsletters in Stripo (for export to SendPulse).⚙️ What needs to be done:Develop a visual concept and design for blocks (header, banners, product cards, footer).Code a responsive HTML template in Stripo with the ability for further export to SendPulse.Test display in Gmail, Apple Mail, Outlook, and Dark Mode. Requirements:Confident level of Figma and practical experience in coding in Stripo.Understanding of technical limitations of email marketing.Portfolio with implemented email newsletters (e-commerce/fashion).
Task Description An experienced frontend developer or layout designer is needed for the phased update of a large existing website. The site has been operational for many years, contains a significant number of pages, various types of content, forms, tables, and interactive blocks. It uses a proprietary server system, with existing legacy HTML/CSS. A complete replacement of technologies or the content management system is not planned. In the first phase, a new responsive overall template for the site needs to be developed. After the successful completion of the first phase, a sequential update of internal pages is planned. The site name, URL, design mockups, and current output files will be provided to a limited number of candidates after preliminary selection based on portfolio and experience.What is Included in the First Phase The overall visual shell needs to be implemented: header for desktop and mobile versions; main and mobile navigation; utility elements of the header; overall container and page grid; navigation chain ("breadcrumbs"); basic interface elements: buttons, links, input fields; general typography styles with the possibility of phased connection; footer; responsive behavior of the template; compatibility of the new shell with pages that will temporarily remain in the old design. Unique internal blocks of individual pages do not need to be completely redesigned in the first phase.Project Features Large existing site with many types of pages. Existing legacy CSS and outdated HTML markup in places. The new design will be implemented gradually. Simultaneous complete replacement of all pages is not possible. The contractor does not gain access to the server, CMS, and working project. The client will independently integrate the prepared layout. The contractor will be provided with current CSS files, mockups, graphic materials, HTML fragments, and examples of pages as needed to complete the work. Several iterations are expected after the test integration into the real project.Technical Approach The new CSS is expected to be connected over the existing styles with subsequent gradual migration and removal of outdated rules. The following is allowed: creating new CSS/SCSS files; proposing changes to the HTML of the common parts of the template; correcting existing CSS rules that hinder implementation; proposing improvements to the DOM structure; creating new reusable components. Changes to the existing CSS must be submitted separately in the form of: patch/diff file; separate compatibility file; or a documented list of changed rules and selectors. The following must be avoided: uncontrolled use of !important; deeply nested and fragile CSS selectors; binding styles to text or the ordinal number of an element; duplicating all markup separately for desktop and mobile versions; connecting heavy frameworks without prior agreement; global rules that may disrupt the display of pages that have not yet been updated.Quality Requirements The project is designed for further long-term development. A one-time "fitting to a screenshot" is not needed, but rather clean, professional, and maintainable markup. The following is expected: clear component structure; reusable CSS classes; CSS custom properties for colors, sizes, margins, and other design tokens; reasonable specificity of selectors; semantic HTML5 markup; correct hierarchy of headings; absence of unnecessary DOM wrappers; absence of duplicate content that can be indexed; correct use of header, nav, main, section, footer; use of buttons and links according to their purpose; interface accessibility via keyboard; states hover, focus, active, and disabled; absence of horizontal scrolling of the page; correct operation with dynamic content of varying lengths; clear and professionally organized code.SEO and Performance Updating the template should not worsen the technical SEO indicators of the site. The following is necessary: preserve the semantics of the main content; not create separate duplicates of the DOM for mobile and desktop versions without justified need; not hide important content for indexing using JavaScript; not disrupt the hierarchy of headings; not remove existing SEO, analytical, and structural attributes from the provided HTML fragments; minimize additional JavaScript; not use heavy libraries without agreement; provide image sizes and avoid noticeable layout shifts during loading; not allow significant deterioration of Lighthouse and Core Web Vitals metrics after integration. The contractor must understand that quality CSS alone does not fix the DOM structure. If markup changes are necessary for a professional result, appropriate HTML fragments must be prepared and submitted to the client.Responsiveness Layout testing must be performed at least at the following widths: 1440 px; 1200 px; 1024 px; 768 px; 390 px; 360 px; 320 px. Between the control sizes, the interface must also remain correct and functional. Horizontal scrolling of the entire page is not allowed. Exceptions for individual components, such as large tables, must be agreed upon in advance.Result of the First Phase The contractor delivers: New CSS or SCSS along with the compiled CSS. Standalone demo HTML page. HTML fragments of the header, menu, and footer, if the markup has changed. Separate patch/diff of changes to legacy CSS. New SVGs, images, icons, and fonts. Instructions for connection and integration. Description of the CSS structure and components. List of new and changed classes and selectors. Screenshots of the result at control sizes. List of known limitations and discrepancies with mockups. Recommendations for further migration of internal pages.Iterations The cost of the first phase should include: Agreement on the overall structure and desktop version. Responsive refinement of tablet and mobile versions. Correction of issues identified by the client after the first test integration. Additional work outside the agreed first phase will be assessed separately.What to Specify in the Application Please indicate: experience working with large existing websites and legacy CSS; examples of complex responsive layouts; code examples or links to repositories, if available; approach to organizing CSS architecture; experience in gradual design migration without a complete site shutdown;