Layout of the Pkt website
Hello, I need the layout of a one-page website with animations when scrolling.
I am a designer and will provide explanations if needed, but in the design file, there are comments with all the explanations about the animations I want, there is a reference, an example of an approximate storyboard.
In general, the layout needs to be of high quality and clean:
1. Cross-browser compatibility (Chrome, Firefox, Safari)
2. Responsiveness (in layouts 1920, 768, 360)
3. Validity of the layout (W3C validator)
4. Green scores for all four points in Lighthouse (desktop/mobile)
5. Strict adherence to the design (position, sizes, margins, etc.)
I do not yet know what the layout will be attached to later, for the first time it will most likely be without a CMS.
Design:
-
4429 80 1 4 Trust a professional with over 10 years of experience! The rate and deadlines are current! I look forward to collaboration! Experience in commercial development of online stores on CMS, business portals, and corporate websites - 11 years! +CMS: WordPress(+Woocommerce) PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify php/html/css/js/Mysql, PhotoShop/Figma Examples of work (from scratch, turnkey): https://wildandorganic.com/ https://cryptosignals.org/ https://locs-ua.com/ https://www.grower.com.ua/ https://www.alternativemedicine.com.ua/ https://silkkiss.ua/ https://nordtrade.online/ https://v12coffee.com.ua/franchise/ https://smrtalgo.com/ https://sengero.no/ https://beautybysim.no/ https://sonatagalleri.com/ https://www.solmy-realestate.com/ https://www.emmanuel.com.ua/ https://www.onsitecomputersinc.com/ https://express-tehbud.com/ https://korostenporcelain.com.ua/ https://sladok.com.ua/ https://pricemds.com/ https://picupmedia.com/ https://www.serasar.com/ https://integrisit.com/
-
11865 133 1 1 Hello Yuriy!
You have a very interesting task, and I would be happy to implement it for you. I plan to use the anime.js library for the implementation of the tasks. I also did not see in the layout how the open menu looks.
My portfolio:
https://portfolio-sk23.vercel.app/
When creating the layout, I use:
-Gulp build.
-SCSS preprocessor.
… -SVG Sprite for convenient storage of svg files.
-I implement any animations; you need to describe them or send an example of what you like.
-At the end, I test the layout on validators and fix all errors; the layout scores 90-100 points on Google Pagespeed for loading speed.
-All images are optimized without loss of quality, images support webp format and x2 for Retina screens.
-I write quality and clean js code, and I can integrate any scripts without problems.
-I layout according to the BEM methodology; all classes are clearly named for any developer.
-I create the layout using Pixel Perfect to accurately translate the design into a web page.
I am always in touch, quickly make corrections, and can help maintain the project in the future without any problems.
Best regards, Serhiy.
-
835 7 0 1 Good day, Yuriy.
I am ready to layout the landing page design and set it up on CMS if needed.
I suggest we discuss the project details.
We work with WP, MOdx, Laravel, Yii2.
Example of Landing Pages: https://docs.google.com/document/d/1m5oHbYvSOTMHqEXjKGqMKzEg3WWxHvKDlWf2khixjpE/edit
Example of Company Website: https://docs.google.com/document/d/1OIlJKvV--oUgndLV_7gvUSJf5RbsZ4i0CWdGedhuRtE/edit?usp=sharing
Example of Online Store: https://docs.google.com/document/d/1QqchaqJbq-4Clxm1BULy2aj7tEoaNQNNi0j_qhJ8x7E/edit?usp=sharing
Examples of Bitrix: https://docs.google.com/document/d/1vqJK7r6Ryxm4J3HQ7YSmuljOYAfMyJr8mr0wA76WJcA/edit?usp=sharing
-
2875 39 0 Hello.
I will design the landing page according to the specifications. I will implement animations as per the specifications.
Write to me...
Some examples of work with animations:
https://devizer.pro/
https://blank-numbers.com/
https://sergeyilkov.com/works/crush/
… Portfolio: https://sergeyilkov.com/catalog/
-
8088 97 0 Hello. I can create a responsive website based on a Figma template.
For the layout, I will use HTML, CSS, and JS as well as the BEM methodology.
Portfolio:Freelancehunt
Website: https://portfolio.horiuk.site/
I can start working right now.
Write to me, I will be happy to collaborate with you.
-
425 8 0 Hello! I am Serhiy - a frontend developer with 3+ years of experience.
I help marketing teams launch clean, fast, and reliable landing pages created based on Figma layouts using pure HTML/CSS/JS - no third-party libraries, templates, builders, and heavy frameworks, just speed, quality, and accuracy.
I have created dozens of marketing pages and landing pages for creative and corporate clients - from beauty contests to service companies, so I know how important accuracy, quality, and speed are when launching a campaign.
What I focus on:
◉ A website that fully matches the layout
◉ Reliability on different devices and in different browsers
◉ Clean code that is easy for other developers to work with
… ◉ Fast iterations and clear, prompt communication
Websites with parallax scrolling and animation:
https://gray-s.com/personalized-blog/
https://gray-s.com/ciclo/
(More here if you want: https://gray-s.com)
If the task is still relevant - write to me, and I will ask a few questions to better understand the scope of work and suggest the best option. Shall we agree?
-
3346 44 0 Hello! I have experience in website development. I will do it with quality.
The website will be: in the green zone according to Google PageSpeed 🌱, valid ✅, cross-browser of the latest versions 🌍, responsive 📱, optimized and compressed ⚡.
My works
https://avprocleaners.com/ - multi-page (WP + ACF)
https://mamhad.com/ - multi-page (WP + ACF)
https://dashanchik19.github.io/SKYNET/ - multi-page
https://dashanchik19.github.io/FORTISMAN/ - multi-page
… https://dashanchik19.github.io/Eco-products/ – multi-page
-
927 8 0 Hello,
In the mockup, the header (logo + burger menu) is duplicated in each section, does this mean a sticky header? I am ready to code in pure HTML, CSS, JS. The layout will be fully responsive and functional. I will integrate animations, but a more detailed discussion is needed. If necessary, I will set it up on hosting and connect the domain. I am ready to start immediately.
-
206 2 0 Good night, Yuriy
Only clean, neat, pixel-perfect with a "switched on" head.
I will do it using GSAP animation, it will work beautifully and smoothly on both mobile and desktop, it's clear from the specifications and references, I will do it)
Design ♥ it's such a pleasure to code
>12 years of coding 😎
bem, gulp+webpack, only clean JS, google speed+90, pixel-perfect, proper SEO markup.. - default
-
753 11 2 Good night Yuriy, I am ready to qualitatively design your website with animations according to the provided layout.
Clean, valid (W3C) code, green zone on Google Page Speed, GTMetrix, responsiveness, cross-browser compatibility.
I am ready to start at any time.
Feel free to contact me, I will gladly complete your project!
-
146 Good evening!
We are ready to create a one-page website with animations on scroll according to your design and explanations.
We guarantee strict adherence to the design: positions, sizes, margins.
The code will be clean and convenient for further integration into CMS or other solutions.
We have experience with animations and can show examples.
Write to us, we will be happy to help!
-
307 Hello.
I have carefully reviewed the description of your project and Figma.
I have extensive experience working with frontend.
https://oblio.io/
https://larkfunding.com/
https://crosshelmet.com/
https://impact-consulting-xi.vercel.app/
https://bookoe-jade.vercel.app/
https://www.kopa.io/
… https://www.kopamarket.io/
https://www.trans.kopamarket.io/
https://gydedao.netlify.app/
https://duck.art/
https://veronicasquote.com/
These are some of the houses I have built before.
I can execute your project perfectly, as you want.
I look forward to your response.
Thank you.
Current freelance projects in the category HTML & CSS
Layout and setup of a WordPress site for a construction company (Premium segment) with a focus on SEOProject Description: We are looking for an experienced WordPress developer to implement and deploy a ready design layout from Figma onto the WordPress CMS. Important Project Context: This is not a website development from scratch. The company has an existing website, and we are… HTML & CSS, Web Programming ∙ 39 minutes back ∙ 23 proposals |
Moved the website from OpenCart to the Khoroshop platformHello. There is a website on OpenCart, an online store. It is necessary to transfer the structure of the site to the GoodShop platform, select a design for the new site, and make it fully functional. HTML & CSS, Web Programming ∙ 21 hours 17 minutes back ∙ 26 proposals |
Need a strong WordPress / WooCommerce specialist for the refinement of the MARSPRO website.We are looking for a responsible freelancer or a small team for the quality completion and technical refinement of the MARSPRO company website. The website is already operational, but there are many minor and significant technical issues left by the previous developer. We need a… Content Management Systems, HTML & CSS ∙ 1 day 21 hours back ∙ 44 proposals |
Sandra Ice Cream - Kaleidoscop
92 USD
We have a small project, and we would like to know if you can prepare a video for us for an LED screen. The video will be used at our event. We will provide all necessary materials: design, brand book, dimensions, and technical requirements. Please let us know if you are… HTML & CSS ∙ 1 day 23 hours back ∙ 7 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 2 days 5 hours back ∙ 26 proposals |