{"id":1897,"date":"2013-10-19T20:57:11","date_gmt":"2013-10-19T15:27:11","guid":{"rendered":"http:\/\/www.prasadgupte.com\/blog\/?p=1897"},"modified":"2014-05-31T12:47:22","modified_gmt":"2014-05-31T07:17:22","slug":"wedding-website-design-ideas","status":"publish","type":"post","link":"https:\/\/www.prasadgupte.com\/blog\/wedding-website-design-ideas\/","title":{"rendered":"What went into our lovely wedsite"},"content":{"rendered":"

Aditi had done her bit of making our wedding cool by getting me to do a pre-wed photo shoot – that turned out awesome thanks to Frames of Mind<\/a>. It was my turn and I had to prove to the lady (who had agreed to risk her life with me) that as a Product Manager I was creative enough, and thought of surprising her with our own “wedsite”. When the question of build-or-buy came up, I couldn’t find anything that matched my needs and the flexibility I needed to fiddle with it. So without much thought, I created a sub-domain<\/a>, grabbed a copy of Bootstrap<\/a> and got glued to NetBeans. I released the first cut online in less than 8 hours of work, and improved it over the next couple of weeks part-time (24 hours in all I guess). And yes, it really cost me $0<\/strong>, because I had already purchased hosting space and the prasadgupte.com domain.<\/p>\n

It was AditiWeds.PrasadGupte.com<\/a> for the guests…<\/h2>\n
\"With
With domain & hosting available, this was just 24 hours of work @ $0<\/figcaption><\/figure>\n

The pre-wed shoot had given us quite a few fun pictures, and together with the nimbu-mirchi<\/a> trick added a twist to the wedsite.<\/p>\n

\"So
So many people fell prey to the nimbu-mirchi pop-up \ud83d\ude09<\/figcaption><\/figure>\n

With an arsenal of ready components & scripts, the learning curve for Bootstrap was almost flat. The hashchange plugin afforded fewer pages (=fewer refreshes = little waiting for the user) and allowed us to group similar content through tabs. With Bootstrap’s fluid layout, the wedsite worked like a charm on mobile devices (with graceful degradation<\/a> where it couldn’t handle the jazz).<\/p>\n

\"BootStrap
BootStrap + HashChange = Fewer refreshes + Fluid layout + Rapid development<\/figcaption><\/figure>\n

While our parents invested in traditional invitation cards, we created our own brief for a Funky Card, and Namrata did a fantastic job visualizing it. It was downloaded more times than the traditional invites.<\/p>\n

\"The
The funky card was most downloaded – getting it the attention it deserved!<\/figcaption><\/figure>\n

We re-used these graphics to build content for the wedsite…<\/p>\n

\"We
We used the same graphics to create our story..<\/figcaption><\/figure>\n

We really wanted everyone to attend and hence picked a Sunday, and a venue close to the railway station. But since it was going to be close to\u00a0 Christmas, we wanted to get an near accurate guest count as many would’ve planned vacation. The solution was to push the RSVP link wherever possible, prompting guests to confirm. Guests could also change their RSVP at a later time. It really helped and the variance from our original estimate was less than 1% avoiding the usual wastage of food at weddings.<\/p>\n

\"Since
Since guests were most likely to visit this page, the RSVP link was repeated<\/figcaption><\/figure>\n

We created maps for every mode of transport in every possible direction, with emergency numbers of those familiar with roads. A printed version was included with the printed invites making sure no one was lost.<\/p>\n

\"With
With directions for every mode of transport & emergency nos, no one was lost<\/figcaption><\/figure>\n

Guests could send us messages, and a chosen few were added back to the Wedsite. We also took the opportunity to thank those who had helped us get here.<\/p>\n

\"The
The guest pages got us such lovely messages & a gave us a chance to say Thank you!<\/figcaption><\/figure>\n

I did not want to re-invent the wheel by developing a photo-gallery. I am anyway a huge fan of Picasa (now Google Photos) and embedded the gallery in here. While the wedsite was mobile friendly, the gallery would still not render with lack of Flash support on mobiles and hence the link at the bottom.<\/p>\n

\"Embedding
Embedding Picasa = No-effort picture gallery; a direct link for lack of flash for mobile<\/figcaption><\/figure>\n

Influenced by the MailChimp template, we created a custom invitation template that sent individual email to every guest, allowing us to include RSVP links, track delivery and send follow-up reminders.<\/p>\n

\"Personalized
Personalized invitations with a RSVP link, with a reminder before D-day<\/figcaption><\/figure>\n

Every RSVP generated an email notification to either Aditi or me, with a copy to the guest so they could use the same link to change their RSVP.<\/p>\n

\"Every
Every RSVP shot out an email to either me or Aditi<\/figcaption><\/figure>\n

We created a Facebook page<\/a> and kept posting there all through December. The overall engagement was fun & crucial for the massive turnout.<\/p>\n

\"Engaging<\/a>
Engaging with guests on Facebook resulted in a great turn-out<\/figcaption><\/figure>\n

If you’re planning to build your own Wedsite or an app around it, and need help or advice, please do not hesitate to reach out.<\/p>\n","protected":false},"excerpt":{"rendered":"

Aditi had done her bit of making our wedding cool by getting me to do a pre-wed photo shoot – that turned out awesome thanks to Frames of Mind. It was my turn and I had to prove to the lady (who had agreed to risk her life with me) that as a Product Manager … Continue reading What went into our lovely wedsite<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[723,117],"tags":[856,853,858,857,854,855],"class_list":["post-1897","post","type-post","status-publish","format-standard","hentry","category-being-a-product-manager","category-internet","tag-marriage-event","tag-marriage-website-template","tag-website-design","tag-wedding-invitation-design","tag-wedding-website","tag-wedsite"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.prasadgupte.com\/blog\/wp-json\/wp\/v2\/posts\/1897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.prasadgupte.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.prasadgupte.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.prasadgupte.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.prasadgupte.com\/blog\/wp-json\/wp\/v2\/comments?post=1897"}],"version-history":[{"count":0,"href":"https:\/\/www.prasadgupte.com\/blog\/wp-json\/wp\/v2\/posts\/1897\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.prasadgupte.com\/blog\/wp-json\/wp\/v2\/media?parent=1897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.prasadgupte.com\/blog\/wp-json\/wp\/v2\/categories?post=1897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.prasadgupte.com\/blog\/wp-json\/wp\/v2\/tags?post=1897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}