Create the functions of my website
- or -
Post a project like this2912
$
- Posted:
- Proposals: 5
- Remote
- #1111776
- Awarded
Description
Experience Level: Entry
General information for the website: Custom Design Wedding Invitations
Description of requirements/features: Hi Freelancers,
I am looking for a person to do all the javascripting and the backend for my website as I will be doing the HTML and CSS part only.
Please find the attached PDF for the wireframe of the website. The website is a basic image editing that has an editor with only text inputs, text colours and a payment system and accounts system.
SPECIAL REQUEST:
As I would like to be inside the process when you are programming, it would be the best if I can get involved when you are working on it through skype or other forms of communication. This is not to check up the work or anything. This is for my own understanding of my website for future reference. Of course the time you do the task is solely at your discretion. You may calculate extra for this service.
WEBSITE FUNCTIONS – VIA WIREFRAME
STANDARD FUNCTION
The search function, the favourite function, the cart function, the accounts system (register and login), setting up the payment system.
PRODUCT PAGE
I like a google image esque.
For reference please see
http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/
or
http://www.sitepoint.com/recreating-google-images-search-layout-css/
I would like to change a few things inside the content, as seen in the wireframe.
1. Add thumbnails on the right hand side inside the expanded panel and when clicked it would replace the original image.
2. Have 2 buttons inside the expanded panel.
3. Add 3 colour buttons that would change the image (therefore there are 3 images in the expanded panel).
EDITOR PAGE
Once a user clicked on the image they wanted to personalise, they would enter the editor page.
As per the wireframe there are the following functions involved.
Note the image would be preloaded with text boxes, and the user would not be able to move, delete them (in a sense the text box would be locked on the image).
0. The 3 colour buttons - Each image would have different colour options.
1. The reset button - Would reset all modification done on the image.
2. Text-font - A dropdown list of the text font. (If possible I would like each image would have their own seperate text font)
3. Text-colour - As displayed on the wireframe, it is a drop down with colour boxes and when hovered, the colour name would appear.
3a. In addtion, suppose if the user selected an image with a foil print on it, the text-colour would be disabled.
4. Text-alignment - Left, centered, and right buttons.
5. Text-size - Drop down text size. (The number would increase that would reflects the text size).
6. Colour & Font size recommendations - Each image would have its own recommended text.
7. Preview button - A pop up that would display the their current image at a larger scale.
8. Share button - A pop up of social buttons (Facebook,Pinterest,Instagram);
Option 1: The shared images has a water mark.
or
Option 2: Low resolution, 72DPI.
If option 1 is too difficult, then proceed to option 2.
When shared, there will be our website link on the bottom of the image.
9. Next button - Goes to a preview page.
SELECT QUANTITY/PAPER TYPE/AD-ONS PAGE
The image on the left hand side, and a dropdown box for the quantity, paper type and any add-ons.
ORDER SUMMARY PAGE
Left hand side with the edited image. Right hand side would be the order summary of what the user had selected.
PAYMENT PAGE
As shown on the wireframe.
1. Edit button - Would go back to the editor page.
2. Remove button - Would remove the product.
Delivery information - Client's input of personal details for delivery.
Pay - All the popular payment system types.
PAYMENT SUMMARY PAGE
Consists a receipt like page of their products with the delivery information and a confirmation letter sent to their email.
I understand the above list is lengthy and will create alot of misunderstand, but if we would talking through each point when we proceed.
Please note, all HTML and CSS would be done by me, so the you only need to do the javascripting or other programming language parts. I do not know which part is soely a programming and which is HTML/CSS hence
we need to clarify when we proceed.
Payment methods: Credit Card, Paypal
Extra services needed: Installation, Customization, Optimization
Extra notes:
Description of requirements/features: Hi Freelancers,
I am looking for a person to do all the javascripting and the backend for my website as I will be doing the HTML and CSS part only.
Please find the attached PDF for the wireframe of the website. The website is a basic image editing that has an editor with only text inputs, text colours and a payment system and accounts system.
SPECIAL REQUEST:
As I would like to be inside the process when you are programming, it would be the best if I can get involved when you are working on it through skype or other forms of communication. This is not to check up the work or anything. This is for my own understanding of my website for future reference. Of course the time you do the task is solely at your discretion. You may calculate extra for this service.
WEBSITE FUNCTIONS – VIA WIREFRAME
STANDARD FUNCTION
The search function, the favourite function, the cart function, the accounts system (register and login), setting up the payment system.
PRODUCT PAGE
I like a google image esque.
For reference please see
http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/
or
http://www.sitepoint.com/recreating-google-images-search-layout-css/
I would like to change a few things inside the content, as seen in the wireframe.
1. Add thumbnails on the right hand side inside the expanded panel and when clicked it would replace the original image.
2. Have 2 buttons inside the expanded panel.
3. Add 3 colour buttons that would change the image (therefore there are 3 images in the expanded panel).
EDITOR PAGE
Once a user clicked on the image they wanted to personalise, they would enter the editor page.
As per the wireframe there are the following functions involved.
Note the image would be preloaded with text boxes, and the user would not be able to move, delete them (in a sense the text box would be locked on the image).
0. The 3 colour buttons - Each image would have different colour options.
1. The reset button - Would reset all modification done on the image.
2. Text-font - A dropdown list of the text font. (If possible I would like each image would have their own seperate text font)
3. Text-colour - As displayed on the wireframe, it is a drop down with colour boxes and when hovered, the colour name would appear.
3a. In addtion, suppose if the user selected an image with a foil print on it, the text-colour would be disabled.
4. Text-alignment - Left, centered, and right buttons.
5. Text-size - Drop down text size. (The number would increase that would reflects the text size).
6. Colour & Font size recommendations - Each image would have its own recommended text.
7. Preview button - A pop up that would display the their current image at a larger scale.
8. Share button - A pop up of social buttons (Facebook,Pinterest,Instagram);
Option 1: The shared images has a water mark.
or
Option 2: Low resolution, 72DPI.
If option 1 is too difficult, then proceed to option 2.
When shared, there will be our website link on the bottom of the image.
9. Next button - Goes to a preview page.
SELECT QUANTITY/PAPER TYPE/AD-ONS PAGE
The image on the left hand side, and a dropdown box for the quantity, paper type and any add-ons.
ORDER SUMMARY PAGE
Left hand side with the edited image. Right hand side would be the order summary of what the user had selected.
PAYMENT PAGE
As shown on the wireframe.
1. Edit button - Would go back to the editor page.
2. Remove button - Would remove the product.
Delivery information - Client's input of personal details for delivery.
Pay - All the popular payment system types.
PAYMENT SUMMARY PAGE
Consists a receipt like page of their products with the delivery information and a confirmation letter sent to their email.
I understand the above list is lengthy and will create alot of misunderstand, but if we would talking through each point when we proceed.
Please note, all HTML and CSS would be done by me, so the you only need to do the javascripting or other programming language parts. I do not know which part is soely a programming and which is HTML/CSS hence
we need to clarify when we proceed.
Payment methods: Credit Card, Paypal
Extra services needed: Installation, Customization, Optimization
Extra notes:
John L.
100% (3)Projects Completed
1
Freelancers worked with
1
Projects awarded
100%
Last project
20 May 2016
Australia
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies