Translate the design from Figma
Make a quality layout for the landing page with interactive elements (transitions, appearances, etc., more details to the candidate). It is preferable to connect the feedback form right away (but it's not essential, it can be done without it).
The layout is made in Figma, the image for evaluation is attached.
1. Screen transitions as in your example https://shipxdata-project.netlify.app/
2. First screen - I need your recommendation. How I envision the appearance of texts and buttons and the transition of cards to their places.
3. Second screen - just a transition from the left side to the right side of the accolades (isoteric of the year, etc.) to liven up the page.
4. Third screen - animation only for dropdown lists (the appearance of internal lists is done by the designer). The only thing is to think about how to properly scroll the list within the screen and how to transition to the next screen without confusing the user 🙂.
5. Fourth screen - gradual scrolling of quantities - first the number of modules scrolls, then the number of lessons, and then the cost.
6. Fifth screen (after completing the course you will receive) - as you scroll down, the first card appears with text, then the second, then the third (so the user has time to read) and then transition to the next slide. If it's not too much trouble, make a background like a sun lighting effect to appear and then a trick with the cards (this is not mandatory but would be interesting).
7. Sixth screen (course cost) - without animation.
8. Seventh screen (try for free) - animate the button so that users want to click it (I ask for your recommendations on how).
9. Eighth screen (why choose our school) - transition (appearance of each block separately). I also ask you to suggest what options are available, as I have a lot of ideas but they still need to be implemented 🙂.
10. Ninth screen - without animation.
I would also be happy to hear your suggestions or criticism regarding the animation.
Please provide guidance on costs and timelines. With the cost proposal, please send examples of work for quality assessment of the layout, thank you.
Applications 1
Client's review of cooperation with Nadiia Haida
Translate the design from FigmaThe work was completed quickly and on time.
Freelancer's review of cooperation with Olga Sidoruk
Translate the design from FigmaThe project was completed with minimal delay, clear specifications. Everything went excellently.
-
8887 179 0 Hello. I can start working on the project today.
Quality clean adaptive layout using sass+gulp, with validation, cross-browser compatibility, and form settings. Without Bootstrap (using FlexBox).
Additionally, it is possible to implement the layout on WordPress, on a clean template (based on the layout). Editing all content using custom fields (ACF PRO plugin) and custom post types.
https://wow-wedding.com/
https://tpu.ua/
https://halfee.ua/
… http://landings.in.ua/Yelliko/
https://hokkaido-club.ua/
https://bar-wedding.com/
https://asterio.design/
https://alumsistem.com/
https://bobo.ua/
https://sambir.ua/
https://psg-ua.com/
Work in the portfolio of the profile. I can provide a more complete portfolio if needed.
Feel free to contact me.
-
3397 44 0 Hello!
I have familiarized myself with the task and am ready to start working!
I guarantee full compliance with the technical specifications and good website optimization.
I look forward to collaborating!
-
14731 126 0 Good day, Olga!
The layout with animation will be according to the requirements, valid, and cross-browser compatible. For my projects, I create special responsive designs. Each element on the site proportionally decreases or increases depending on the screen resolution.
I suggest we get in touch and discuss comfortable conditions for our collaboration.
My portfolio website has received 9 international awards in the field of design and website development, which you can review in my profile.
Examples of work:
… https://emmpo.com/
http://educraftor.com/
https://www.teachmillions.org/
https://kidemis.com/
https://tazhiyev.kz/
https://emplab.org/
https://orbisgroup.ca/
-
2238 24 0 Hello!
I am ready to start working on the layout of your website after approval.
Example of a completed website with a transition as in the example: https://sanyok185.github.io/Portfolio.
My recent works for your reference:
https://codeclad.vercel.app/ - landing
https://nota-bene.vercel.app/home.html - multipage
… https://s-iteost.vercel.app/index.html - multipage
https://sanyok185.github.io/Top-10/home.html - multipage
More works in the portfolio:Freelancehunt.
Feel free to reach out, everything will be done as needed.
-
2656 40 0 Hello, I have familiarized myself with the task, I can start now, write to me, I will be happy to collaborate.
-
454 Good day!
I am interested in implementing your project with an animated landing page and I am ready to execute it at the highest level. With over 5 years of experience in frontend development, I specialize in creating interactive websites using modern technologies.
Why me?
Professional layout: I guarantee responsive, semantic layout according to the design in Figma, optimized for various devices.
Interactive elements: I have experience in creating complex animations, such as element appearances, scrolling elements, smooth transitions between screens, etc.
Recommendations: I am ready to suggest ideas for the first screen and buttons, based on UX/UI experience.
Transparency: During the work, I maintain constant contact, discuss each stage, and guarantee a result that meets your expectations.
…
You can check my portfolio where there are examples of my work
https://my-portfolio-aeb86.web.app/
-
1373 28 1 Good day
I am ready to take on the task
I am waiting for feedback
My latest works figma => wordpress + acf
https://coinbounty.app/
https://ururur.com.ua/
https://tpke.org/
… https://supware.pro/
https://ackontrols.lv/
https://dvcars.pl/
https://nextwave.ink/
https://aff-brain.com/
https://lfc.technology/
https://vchasno-trans.com/
https://ua-canada.ca/
https://www.grammar.com.ua/
https://valkyrieclinicaltrials.com/
https://godigitalpartner.com/
https://delta-service.od.ua/
https://antconstruction.net/
https://www.magoestate.com/
https://wlink.dp.ua/
https://www.grammar.com.ua/
-
7138 107 1 1 Good day!
I have reviewed the design and the specifications - everything is clear. I will create a quality layout and set up the form submission to email. Feel free to contact me, I am ready to start working right now.
-
831 2 0 Good day, Roman!
I represent a team of specialists that specializes in creating turnkey websites from design development to promotion and further support. We develop websites on Next.js or on WordPress CMS. The team includes both FrontEnd and BackEnd developers, designers, SEO, and QA. Write to us, and we will discuss the details. Without a detailed technical specification, design, etc., it is difficult to predict the final price.
Examples of work
https://elinsilverio.com/
https://seanvburke.com/
https://adityaluthra.com/
https://alexivanov-h3.cloud/sunshinecoastaccleaning/
… https://ventrickle.com/
-
2071 81 0 3 Good day, I will complete the task efficiently and on time, I can start right now, feel free to contact me.
-
2718 35 0 Good day!
I can start now.
Write to me, I will be happy to work with you!
-
3372 55 3 1 Good day. I am ready to perform the layout. Regarding the first screen and animations - I will be able to select animations and suggest examples of them. Overall, everything is clear for all screens; perhaps during the execution, I can suggest more interesting animation options. Experience of more than 8 years. At the end of each working day, progress can be seen. Cost of work: 12000 UAH (this cost and timeline are due to the large number of animations, screen scrolling, which takes a lot of time for quality execution of the work). Timeline: 2 weeks. I am ready to cooperate under a contract between individual entrepreneurs (I have an individual entrepreneur). I will be happy to collaborate.
-
1641 28 0 1 Hello, I will complete it quickly and efficiently. Here is an example of my work:
https://pronlex.com/Platforma18/
https://boga.pronlex.com/Agata/index.html
-
4700 84 1 Hello!
I am ready to start working on the project after a more detailed discussion of the technical specifications.
Examples of some of my works with similar animations:
https://okotovenko.github.io/StarBucks/dist/
https://transgroupltd.eu/
https://okotovenko.github.io/batkivstvo/dist/
https://www.vovchenko-design.com/
Write to me, I will be happy to collaborate!
-
420 6 0 Good day, I am interested in your offer for website development, I am ready to implement the website with clean code in html, css, scss, js, jQuery, for clarification of details please contact me in private messages.
-
1333 45 2 Hello, I will complete it quickly and efficiently, I have been developing turnkey websites for over 6 years.
Current freelance projects in the category HTML & CSS
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 11 hours 41 minutes back ∙ 16 proposals |
Setting up a fabric online store on WordPress + WooCommerce using the Astra template
330 USD
It is necessary to set up and prepare an online store for furniture fabrics for the Norwegian market. The domain, hosting, and WordPress are already installed: eximtextilnordiq.com The site should not be created from scratch and without custom programming, but on the ready-made… Content Management Systems, HTML & CSS ∙ 16 hours 35 minutes back ∙ 48 proposals |
Rib restaurant-pizzeria websiteThe client side — a dynamic menu with Firebase, categories with tabs, dish cards with photos and prices, support for two sizes (pizza 30/40 cm), responsive mobile design, a sidebar menu with contacts and location. The admin panel — authorization, management of categories and… HTML & CSS ∙ 20 hours 25 minutes back ∙ 75 proposals |
Need to make improvements on the Modx Evolution CMS 3.1.7 site.
22 USD
The design refinement and layout of the website are being developed, and these works will need to be implemented on the site.Also, some adjustments need to be implemented on the site. HTML & CSS, PHP ∙ 21 hours 6 minutes back ∙ 23 proposals |
Development of a Minecraft Java Seed Map / Seed Viewer for the websiteDevelopment of Minecraft Java Seed Map / Seed Viewer for the websiteProject Description A browser-based tool Minecraft Java Seed Map / Seed Viewer needs to be developed, which will work on our website and allow the user to enter a seed from Minecraft Java Edition and view an… C & C++, HTML & CSS ∙ 1 day 13 hours back ∙ 13 proposals |