I am looking for a UX/UI coder for a web project. There will be many parts to this project, but I just want to start off small and piece by piece. The guy that gets hired will have much more work after we get the basics down.
So what we need to build first is the basics of the user interface. We can use this as an example: http://fancyproductdesigner.com/features/ui-layout-composer/
So for this first stage, very simple all we need to do is build this:
1) The main outline with header. So copy the rectangle exactly like it is on the example.
2) We need to change the titles/sections at the top to be: Products, Whooks, Artwork, Text, Upload. In the main area of interface at center bottom, we need to have a button “Add to cart”
3) Now, the important part for this first stage is that we want to have animated panels that slide out/in/up/down depending on what is clicked. So we need to see just blank examples of the panels. So:
a) When “products” is clicked it slides out a panel from the left (50% of main interface), click again or click in main interface area and this panel slides back left to hidden
b) When “add to cart” is clicked a panel from the right slides out (50% of main interface), click again or click in main interface area and that panel slides back right to hidden
c) When “Artwork” is clicked a panel 70% of the main interface slides down from the top. Click again or click outside the panel and it slides back up to hidden.
d) When “Upload” is clicked a panel 70% of the main interface slides up from bottom. Click again or click outside the panel it slides back down to bottom to hide.
e) When “Whooks” is clicked a panel 70% of the main interface pops up in main area. Click again or click outside the panel it pops away to hide.
So thats it for the first stage. Once I see this work perfectly, we will move on to next stages (many to do). Some important things to remember:
a) This must work very smooth and efficient. No lag, loads, sluggish or jerky animation. It must be smooth and light.
b) This must work on all browsers and systems including mobile.
c) It must be responsive to browser size.
d) We must easily be able to change the height and width of the panels.
e) Ultimately this must also be able to work within a wordpress site.
Please write back giving me your quote but ALSO, give me the details on how you will build your solution, details on what you will use to code it to ensure it works for all users on all system and browsers.
MUCH MORE WORK after I find the right guy to do this perfectly.