Fund Raising Web Site

Web Site Design View a virtual bouquet of flowers in a vase on screen. Insert a new flower into the vase. The flowers represent prior donations and the new flower represents a new donation. These sub-project are being quoted separately as they require - different please feel free to review the other RFQ's and bid. We want to get to v1.1 ASAP! • v0.9 – Basic flower draw and add routines • v1.0 – Basic web site design with a pop-up invitation and FAQ (this quotation) • v1.1 – Share with Friends – social media pop-up with Facebook widget • v1.2 – Animated butterflies and add butterfly – fly over the flowers • v2.0 – Enhanced animation – v2.0 graphics, flowers move like in in wind, clicking a flower displays donor name and message Code Requirements • This is “work for hire”. At the end of development and completion of payment code shall be property of MLD Foundation. o Contract shall be signed before coding starts o Developer shall agree not to remarket/reuse the code for the purpose of a implementing a fund raising platform. • All source code and reasonable documentation will be provided with code • Code must run on standard web browsers – IE, Safari, Chrome o HTML v5 o CSS v3 o No FLASH o Use MySQL database that we will supply o Must display on mobile devices (iPhone, Android, Blackberry) – but animation can be more limited due to smaller screen size and less processing horsepower. • JavaScript is OK • PHP … controlling software and MySQL access to be written in PHP. MySQL Database There will be much more data in this database – these are the key fields • Event Details • Honoree details • Event organizer details • Beneficiary details v0.9 – Basic Functionality is being provided under another quote: • DRAW FLOWERS - Given a number from 1-50 draw a vase with that number of flowers in it. o Background of page need not be white but should be simple and not distracting. o Vase is opaque with a MLD foundation butterfly logo on it • Sample result might be somewhat like this: o [login to view URL] o [login to view URL] o [login to view URL] • Logo for vase is o [login to view URL] • ADD – After a purchase add a flower to the vase ? v1.0 – This price quote Web Site - We’re hiring you for your creative and graphic skills. Feel free to use our spec as a starting point for a graphic feel. We’d like to talk on the phone or via a longer email about the audience we are trying to reach to help inspire your graphics and user interface. Main page o Optimize for mobile vs desktop o Using event code as passed parameter • Code will be provided to draw flowers in centered vase o Banner (top/top left ?) • main “Honoring Darcee Suhr” • sub “on her birthday” • date “eventdate” • link to family site • small photo o Box lower left • Benefitting “MLD Foundation” • Tag line “We C.A.R.E. for those with MLD” • Logo with link to site o Question mark/help on right(?) • Pops up a FAQ box o Join the Event (lower right?) button • Pops up an invitation over the vase/flowers • Invitation opens after 1 second • “You're invited to join this event honoring “Honoree name”” • Buttons for… • Join event now • Tell me more about Honoree • How does this event work? (pops up FAQ listed above) • Tell me more about “beneficiary” • Share with my friends o When page loads and person has not donated (persistent 180 day cookie?) automatically pop up the invitation 1 second after flower draw completes o Thank you pop-up in fashion similar to the invitation is triggered when we return from our payment page. • somewhat to side or partially covering flowers • closes after 2 seconds - then the new flower animation starts o Share with your friends pop-up in similar fashion to invitation • Design is part of v1.0 • actual content will be part of separate quote (v1.1), Facebook widget, share, etc.