Create interactive UI for company's home page
Budget: $100 – $300 USD
Your task is to create a single page for my company's public website - workshopdirector.com.au
Attached to this project is a mockup of our idea for this background. The background will
ideally, be drawn in white only and 'sit' in the background to avoid taking the visitor's
attention away from the main purpose of the front page – the business name and slogan.
Without being too busy, this feature will allow the visitor to 'play' with the background
without it having any effect on their ability to browse the site.
It should load with the lowest priority.
The idea behind the sketch is to represent the different elements of our software and all the
parties that it is suited to.
Starting with the broken truck – when clicked (or dragged) it will need to go to the
garage/mechanic workshop. The truck should emit smoke (not too much) to indicate that it's
broken. To demonstrate that the truck is movable/interactive, the truck should float
somewhat, without moving too far from its original position.
i.e. it might just need to indicate that the engine is running
A road should sit under the truck and lead to the workshop (the road will continue to/from
each stage).
The user will need to drag the truck to the workshop. There will be a number of tools
floating around the workshop, including
– Rattle gun https://bit.ly/2mejWUA
– Screw Driver https://bit.ly/2mejO7y
– Spanner https://bit.ly/2mejO7y
The user will then need to take the truck out of the workshop, where they will need to prepare the
driver (with his necessary gear) to collect the truck and drive it to the next station.
The driver will need;
– His driver's license https://bit.ly/2ki6iz9
– Boots https://bit.ly/2lV66GM
– Mobile phone (if space allows, showing the “Log Book Director” app
https://bit.ly/2knQUl2
– Sunglasses https://bit.ly/2lPgdNg
These can be dragged to the driver or just clicked on.
The user doesn't have to attached all elements to the driver, in order to continue with the
sequence.
These elements will also float around, but shouldn't deviate too far from their original
position.
The user can then click or drag the truck (with the driver) to its pickup point.
The user will then drag/click on freight to load it on the truck.
When there is at least one piece of freight (possibly on pallets), the user can then take the
truck to the second point which is a drop-off location. The user can drag/click on the freight
to unload it.
Once complete, the user can then drag/click on the truck to take it to the final destination,
the Transport Company depot. On arrival at the transport company, dollar signs will emerge
(indicating a job well done and being paid for their efforts).
The truck will then reset to its original position ready for a repeat cycle.
Confirm you've read this description by putting the word 'carrot' in your proposal.
Your price submitted with your proposal is to be firm - if you underestimate this task, that's your problem, not mine.
You will need to design the graphics.
You can change the background colour as needed.
You will need to use the company logo on the main page, replacing the white text currently there. The company name should use the same typewriter effect currently in place but using the lettering style from the logo.
This task is not urgent - 14 days to complete is fine.
Auto-responses and requests to start a chat session will be ignored. If you have questions, put them in your proposal.
Attached to this project is a mockup of our idea for this background. The background will
ideally, be drawn in white only and 'sit' in the background to avoid taking the visitor's
attention away from the main purpose of the front page – the business name and slogan.
Without being too busy, this feature will allow the visitor to 'play' with the background
without it having any effect on their ability to browse the site.
It should load with the lowest priority.
The idea behind the sketch is to represent the different elements of our software and all the
parties that it is suited to.
Starting with the broken truck – when clicked (or dragged) it will need to go to the
garage/mechanic workshop. The truck should emit smoke (not too much) to indicate that it's
broken. To demonstrate that the truck is movable/interactive, the truck should float
somewhat, without moving too far from its original position.
i.e. it might just need to indicate that the engine is running
A road should sit under the truck and lead to the workshop (the road will continue to/from
each stage).
The user will need to drag the truck to the workshop. There will be a number of tools
floating around the workshop, including
– Rattle gun https://bit.ly/2mejWUA
– Screw Driver https://bit.ly/2mejO7y
– Spanner https://bit.ly/2mejO7y
The user will then need to take the truck out of the workshop, where they will need to prepare the
driver (with his necessary gear) to collect the truck and drive it to the next station.
The driver will need;
– His driver's license https://bit.ly/2ki6iz9
– Boots https://bit.ly/2lV66GM
– Mobile phone (if space allows, showing the “Log Book Director” app
https://bit.ly/2knQUl2
– Sunglasses https://bit.ly/2lPgdNg
These can be dragged to the driver or just clicked on.
The user doesn't have to attached all elements to the driver, in order to continue with the
sequence.
These elements will also float around, but shouldn't deviate too far from their original
position.
The user can then click or drag the truck (with the driver) to its pickup point.
The user will then drag/click on freight to load it on the truck.
When there is at least one piece of freight (possibly on pallets), the user can then take the
truck to the second point which is a drop-off location. The user can drag/click on the freight
to unload it.
Once complete, the user can then drag/click on the truck to take it to the final destination,
the Transport Company depot. On arrival at the transport company, dollar signs will emerge
(indicating a job well done and being paid for their efforts).
The truck will then reset to its original position ready for a repeat cycle.
Confirm you've read this description by putting the word 'carrot' in your proposal.
Your price submitted with your proposal is to be firm - if you underestimate this task, that's your problem, not mine.
You will need to design the graphics.
You can change the background colour as needed.
You will need to use the company logo on the main page, replacing the white text currently there. The company name should use the same typewriter effect currently in place but using the lettering style from the logo.
This task is not urgent - 14 days to complete is fine.
Auto-responses and requests to start a chat session will be ignored. If you have questions, put them in your proposal.