Scribd
Upload
47 views5 pages

Webflow Test Task

Uploaded by

rehanshaikh1059
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
47 views5 pages

Webflow Test Task

Uploaded by

rehanshaikh1059
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

DEVELOPMENT TEST TASK

We are looking for a developer that can complete this test task
100% perfectly.

The test task is not something we require done. It’s already been
implemented on our website. It’s simply something we want to
check if you’re able to do before we proceed.

If you’re able to do this test task flawlessly, then we can probably


continue to work together for many years. Our last developer was
with us for 4-years. However, she has had a baby now and will be
unavailable going forward, so we need a new developer.

Test task:

We require you to recreate just one section from this webflow


design:

https://preview.webflow.com/preview/obmodtest?utm_medium
=preview_link&utm_source=dashboard&utm_content=obmodtes
t&preview=332a7a19bb8a0babf269a327f976453e&workflow=pre
view

Page 1 of 5
DEVELOPMENT TEST TASK

Page 2 of 5
DEVELOPMENT TEST TASK

Above is a screenshot of the section we would like you to


recreate. Only the section “How it works” and up until and
including the “If you don’t love it, you can swap for the other
option during trial.”

You can find the high-resolution video file here:

https://drive.google.com/drive/folders/12fmrqXO15zcoUQKXB4Dx0dhpj03W424J?usp=shari
ng

Part of the difficulty we have had in finding a developer is getting


the animation timings correct.

The fade-in of the texts, and images etc needs to be IDENTICAL


to webflow.

The spacing, and everything else also needs to be identical.

If you are new to Webflow, you can click this button on the
preview:

It will then allow you to select elements, and view the attributes.
All the animation styles, timings, padding etc.

Page 3 of 5
DEVELOPMENT TEST TASK

You can see in the above screenshot, when I select an element, it


will give all the attributes on the right side bar.

If you are able to recreate this section IN WOOCOMMERCE


perfectly, with all the correct spacings, timings, fonts, animation
styles etc. Then we can work together for a long time.

We prefer a solo freelancer, rather than a team, so we can work


together on Skype.

The hours are flexible. If you work other jobs, that is fine, as long
as we can pay you for full-time, and you can always put our work
as priority.

This is an unpaid test task. This section of the website is already


live, and working perfectly. We are only asking you to re-create an

Page 4 of 5
DEVELOPMENT TEST TASK

existing page, to see whether you are able to take a design from
Webflow, and implement it identically to Webflow.

Part of your other tasks will be making sure our website is up to


date, secure, and general back end tasks, like report
management. We would require you to make sure all our tracking
(pixels, GA, etc) is all working, and stay up to date with best
practices.

This is a full-time role, and we are looking for someone to join our
team longterm.

In order to submit your application, please provide a link on a


staging server, showing this section complete. Please only
submit once you are sure it is an exact 1:1 copy.

Making it perfect for mobile, tablet, desktop, and speed


optimisation is a big bonus.

Page 5 of 5

You might also like