Layout of the Online Store (project in several stages)

Budget: 27000 UAH Deadline: 25 days

Hello. I have extensive experience in website development. I am ready for collaboration.

Budget: 3000 UAH Deadline: 2 days

Hello.

I have accepted the task. I will be able to quickly implement the first stage using pure HTML, CSS, and JavaScript without Bootstrap, with proper responsiveness and the necessary interactive logic.

Looking ahead, I immediately see further development of the project on Next.js, React, Nest.js, and TypeScript, so that the store is built on a proper scalable architecture.

Recent projects completed:
Alytic - https://www.alytic.sa/
Tornix - https://www.tornix.ai/
LeagueIT - https://www.leagueit.org/

Have a good evening. Expand

Budget: 1000 UAH Deadline: 1 day

Good day, can you send the Figma? I would like to see the hero section before giving an estimate. I have reviewed the document, but there are not enough details on the screenshots.

Budget: 7000 UAH Deadline: 7 days

Hello!

I can take on the layout of the HERO section with all the described functionality: a controlled slider with three target audiences, an accordion with synchronized slides, a timeline, fade animations, pagination with transformation of dots into a line, a CTA with collapsing animation, and auto-scrolling with a pause. I will implement it using pure HTML5/CSS3/JS without Bootstrap, with semantic markup, BEM, WebP, and lazy loading — fully according to the layout.

Please write in private messages, and I will provide the exact cost and timeline for the first stage after reviewing the layout.

Best regards, Mykola

Budget: 9000 UAH Deadline: 7 days

Good day!

According to your technical assignment, I can complete the first stage — the layout of the HERO section (slider + accordion + navigation bar) according to the design and all requirements: responsive, smooth animations, semantic markup, BEM, image optimization, cross-browser compatibility.

Cost: 7000–9000 UAH (depending on the exact details of the design and animations).
Deadline: 5–7 working days after receiving the designs and materials.

I will use HTML5 / CSS3 / JS in the work, and for the slider, Swiper.js can be applied; the code will be clean, commented, responsive without third-party frameworks.

I am ready to discuss the details, adjust to your wishes, and complete a test task within the specified time frame.

Thank you for considering the proposal! Expand

Budget: 900 UAH Deadline: 1 day

Hello, I have extensive experience in creating turnkey websites. I am ready to quickly and qualitatively layout for you, as well as continue working together on your online store. I suggest discussing the details in private messages.

Budget: 4800 UAH Deadline: 2 days

Hello! I am ready to take on the project.

I will use Gulp for the project assembly. Besides HTML, I can provide the Twig source code. This may be useful for the backend developer.

As I understand, the Hero is part of the project. Therefore, we need to carefully lay down the basic structure, typography, etc. from the start.

Projects I have worked on (frontend + backend):
https://belladonna.com.ua/
https://avtopan.com/

Budget: 2000 UAH Deadline: 2 days

Good day, I am ready to complete it. The deadline is 2 days, the cost is 2000 UAH.

Budget: 2500 UAH Deadline: 2 days

Good day!

I have reviewed the technical specifications — a very interesting project, especially from the perspective of UX (target audience segmentation through the HERO section).

I have experience in responsive layout and implementation of interactive blocks (sliders, animations, custom components), so I am ready to perform the test task with high quality.

🔹 What I will do:
— Pixel-perfect layout according to the design
— Responsive (mobile / tablet / desktop)
— Implementation of the slider (Swiper.js or custom)
— Synchronization of the accordion, pagination, and slides
— Smooth animations (without "jumps")
— Clean, structured code (BEM, comments)

🔹 I will pay special attention to:
— UX (logic of switching and interaction)
— Performance (lazy loading, optimization)
— Cross-browser compatibility

🔹 Timeline: 1–2 days
🔹 Cost of the test task: 2500 UAH Expand

Budget: 15000 UAH Deadline: 7 days

Development of a full-fledged online grocery delivery store, implemented in several stages, fully aligns with our specialization in creating comprehensive web applications. We have extensive experience in designing and implementing scalable e-commerce platforms, taking into account complex logic, user roles, and integrations, which is significantly broader than the task of layout. To start a substantive conversation, please clarify the expected technology stack for the backend of the main project. We are ready to begin a paid test assignment and subsequently work out in detail the strategy for implementing the entire project, including optimal timelines and budget.

Budget: 4000 UAH Deadline: 3 days

I can complete the first stage of the task.

Cost: $100
Deadline: 2-3 days

I have experience in adaptive layout and working with similar UI blocks. I pay close attention to the details of the layout, animations, and correct display on different devices. I am ready to start working promptly and subsequently connect to the next stages of the project.

Budget: 700 UAH Deadline: 1 day

Good day, I have experience, ready to work until the result is satisfactory.
I will provide examples of layouts and work on Github.
I am ready to complete the layout of the HERO section.

html, css/scss, gulp, BEM, js, figma, photoshop, illustrator

Budget: 3000 UAH Deadline: 2 days

Good day!
I have familiarized myself with the task of layout and am ready to start quality execution. I have been engaged in web development for over 5 years. The layout will be responsive, cross-browser, following the BEM methodology, SEO-friendly, and the code will be clean and valid!
Here are two websites where I have already created a slider on the main page of a somewhat similar type:
1) https://dimaakushnir.github.io/Project-rustef/index.html
2) https://dimaakushnir.github.io/Elegant/

Here are also a few of my recent works:
https://dimaakushnir.github.io/adspace/
https://dimaakushnir.github.io/Ama-Invest/
https://dimaakushnir.github.io/Smachno/
https://dimaakushnir.github.io/payglobal/ Expand

Budget: 10000 UAH Deadline: 10 days

Hello, I will do it!
Write to me — I will clarify the details and can quickly start working.

More about me:
I have 9 years of experience in such projects.
I have worked with companies from Italy, Poland, Kyiv, and the USA.

You can view my work here:
Portfolio on Freelancehunt: Freelancehunt

Repositories on GitHub: github.com/web-programmer-pro Expand

Budget: 1001 UAH Deadline: 1 day

Good day
I am ready to complete the test task
Experience of more than 5 years
Clean logical code, BEM

Budget: 1000 UAH Deadline: 3 days

Hello! I am a front-end developer with experience in HTML, CSS, JS, and React. I am ready to create a responsive and attractive page according to your layout, and I can guarantee the quality and responsiveness of the final product. I hope for a long-term collaboration.

Budget: 8500 UAH Deadline: 7 days

Hello! Ready to discuss and complete your order.

Budget: 1200 UAH Deadline: 1 day

Hello Victoria!
I can help with the task.
I have 4+ years of experience.
I work with html, css, js, wordpress.

Budget: 7000 UAH Deadline: 10 days

Good day! My colleague and I have been professionally engaged in technical automation of online retail and premium interface layout for over 4 years, so we will help your grocery delivery project achieve a technologically and visually flawless main section that clearly separates the streams Family/Business/HoReCa. We will use Python to prepare the content and the modern React stack to implement the dynamic logic of the slider, where each change of the active tab in the accordion will instantly synchronize with the color scheme and content of the screen. Our 4 years of experience is confirmed by projects drkukharevich.rivne.ua, crave-agency.com.ua, jk-solution.com.ua, where we have already successfully implemented complex custom components.

Budget: 10000 UAH Deadline: 10 days

Hello! My partner (designer + full-stack) and I have been specializing for over 4 years in the development of high-load e-commerce solutions and creating custom interactive interfaces. Therefore, we will implement the perfect layout for the HERO section of your grocery delivery store with deep animation and audience segmentation logic. We will develop the architecture based on pure JS and CSS (without Bootstrap), implement complex synchronization of the accordion with the Swiper.js slider, and realize all micro-animations: from the exposure timeline to the transformation of the CTA button. Our experience in development is 4 years; take a look at our work in terms of smooth UX and code cleanliness: hyperfi.tech, espressolab.com.ua, hudi.com.ua. We will ensure semantic markup according to BEM, full cross-browser compatibility, and loading speed through WebP optimization.

Budget: 20000 UAH Deadline: 13 days

Hello! I have been professionally engaged in development for more than 4 years. During this time, I have developed over 100 websites. I have reviewed your technical specifications, we can discuss it in private messages. I will be happy to collaborate.

Budget: 1000 UAH Deadline: 1 day

Hello! I have reviewed the technical task — the project is interesting, and I really like your approach to audience segmentation right in the Hero section. I am ready to implement this stage with high quality and according to all requirements.

Why I suggest you choose me:

Clean layout without Bootstrap: I work exclusively with Flexbox/Grid, which will ensure lightweight code and fast loading (Google PageSpeed will be in the green zone).

Logic and JS: I will implement full synchronization of the slider (Swiper.js) with the accordion and pagination. I will write clean, commented JS for handling the timeline and pauses on hover.

Animations and details: I will create smooth morphing of the CTA button and a "soft" fade effect for the content without any "jumps".

BEM methodology: I guarantee a code structure that will be easy to maintain and scale in the next stages of the project.

Optimization: The use of WebP, Lazy Loading, and semantic tags is the standard of my work.

For the first stage:

Cost: 1000 UAH.

Timeline: 2–3 days.

I am ready to review the layout in Figma and start working today. I would be happy to collaborate! Expand

Budget: 1500 UAH Deadline: 1 day

Hello, Natalia!

I am a professional web developer with over 7 years of commercial experience. I develop turnkey web projects - from idea and architecture to full launch and support.

I have experience in creating complex and high-load systems, so I can implement the project independently and ensure its stable operation.

If the design is ready, then the price for the hero section is 2000 UAH, 1 day, without a header.

Budget: 900 UAH Deadline: 2 days

Ready to perform.
Experience in Web Development over 12+.
Examples of work https://koder.pp.ua/portfolio/

Budget: 25000 UAH Deadline: 15 days

I will create a full website, set it up on WordPress, one of the works
https://bestgaragedoorrepairandservice.com

Budget: 15000 UAH Deadline: 3 days

Good day
My name is Dmytro, from King Kong Lab. I have reviewed the description — the task is clear, I have experience implementing similar complex HERO blocks with sliders, custom logic, and animations.
We can qualitatively develop the first stage taking into account all the details:
- controlled slider (Swiper or custom)
- synchronization with the accordion and pagination
- smooth animations without "jittering"
- timeline, hover effects, CTA with animation
- clean responsive layout without Bootstrap
- semantic code (BEM, structure, optimization)
We do not just make it "work," but ensure it looks expensive and works stably across all browsers.
Regarding the first stage:
- timeline — 2–3 days
- cost — $150–250
We are ready to start immediately and continue with the next stages of the project. Expand

Budget: 22000 UAH Deadline: 5 days

Hello, Victoria!
I will carry out the layout of the online store according to the client's requirements, using clean and valid HTML/CSS/JS code, BEM methodology, and responsive design for all devices. The work will be done in several stages, ensuring high quality and meeting the client's requirements. To ensure maximum speed and user convenience, modern technologies and methodologies will be applied.
The exact price and deadlines will be provided after clarifying the details.

Profile: Freelancehunt
Reviews: Freelancehunt

Budget: 20000 UAH Deadline: 14 days

Good day! 👋

I have experience in coding complex, “live” UI blocks with sliders, custom animations, and clear interaction logic — just the format you have in your HERO.

Experience in similar tasks

I have worked on:

— custom HERO sections with sliders (not just Swiper “out of the box”)
— synchronization of UI elements (slider + tabs/accordion + pagination)
— implementation of complex animations (timeline, hover, transition states)
— responsive layout for different scenarios (desktop / mobile UX)

How I will implement the test task

Architecture

— HTML (semantics + BEM)
— SCSS / CSS (structured, easy to scale)
— JS (clean or + Swiper as a base, without “overload”)

Slider

— 3 slides (FAMILY / BUSINESS / HoReCa)
— autoplay + pause on hover
— swipe + clicks + synchronization with all elements

Accordion (controlling element)

— fully synchronized with the slider
— active state: color, expansion, image
— smooth transitions without “jumps”

Pagination + timeline

— custom pagination (dot → line for active)
— timeline animation (scaleX over slide time)
— synchronization with autoplay

Animations

— fade (500ms) for text and images
— hover effects
— CTA button (morphing button → circle)
— everything smooth, without “jittering”

Responsive

— mobile-first approach
— separate interaction logic (swipe, simplifying UI if needed)
— correct scaling of complex elements (mask / shapes)

Optimization

— WebP + lazy loading
— minimal JS
— fast loading
— clean, readable code

How I will work

— I will do the test task as a production-ready block
— the code is immediately ready for integration into the project
— I consider that this is the first stage of a long-term collaboration

Next steps in the project

I am ready to connect to the next stages (pages / blocks) and maintain a consistent style of code and logic throughout the marketplace.

I can look at the layout and immediately suggest how to best implement animations and structure. Expand

Budget: 27000 UAH Deadline: 12 days

Good day!

I am interested in collaborating on your project. I have experience in coding complex interfaces, including sliders and accordions, which allows me to meet your requirements with the highest quality. I understand how important it is to ensure responsiveness and cross-browser compatibility, so I will use HTML5, CSS3, and JS without Bootstrap, adhering to semantics and optimization.

I am ready to complete a test task to demonstrate my skills. I look forward to the details and further instructions.

Best regards!

Budget: 27000 UAH Deadline: 10 days

Good day!

I am interested in collaborating on the layout of an online store. You have a detailed technical task that allows for a precise understanding of the requirements for the HERO section. Experience in laying out responsive elements using HTML5, CSS3, and JS, as well as knowledge of BEM, will help implement the project at a high level.

I can provide quality layout for the slider with an accordion, implement smooth animations, and optimize for cross-browser compatibility. I am ready to discuss the next stages of the project.

I look forward to your response!

Budget: 1400 UAH Deadline: 3 days

Good evening, I am ready to take on your project, I will be waiting for your response!)
Have a good evening.

Budget: 700 UAH Deadline: 2 days

Good evening!

I am interested in your project. I am ready to complete the test task - the layout of the HERO section (slider + accordion + navbar) with all the specified requirements.

I work with HTML/CSS/JS, have experience in laying out interactive blocks and sliders, can create a responsive section, animations, accordion functionality, and synchronization with pagination buttons. I will use Swiper.js or create custom logic - whichever is better for the project.

Deadline: 1-2 days
Cost: 700 UAH

I am ready to start immediately and am interested in further work on the project.

Budget: 998 UAH Deadline: 1 day

Hello, Victoria!
I am ready to do the test task! Write to me in private, I have a lot of experience in creating custom sliders!

Budget: 1500 UAH Deadline: 3 days

Hello. I can develop the hero section. I indicated the price and deadlines in the bid. I work according to the BEM methodology. There will be no problems with the block. I work with pure HTML, CSS, and JS.