[網站] 自己的婚禮網站自己做!

暨獨一無二的喜帖發想設計出主視覺之後,便想著要發展一套視覺設計出來(真是瘋了我),像是網站、影片、名牌、桌牌、整體佈置等等。但是籌備結婚真的是很忙,必須要做一些取捨就是了,所以就先從網站開始。

 

我跟清風都是那種怕太主動會被人家認為是要紅包或是亂炸,多虧網路資訊流通發達的時代,於是我們決定做婚禮網站。一方面可以比較溫柔婉約地通知朋友們消息,一方面也可以做賓客人數的統計以及搜集相關資訊。
考慮到每個人的螢幕大小不同,可能有人使用智慧型手機或平板,首先網站的製作方向就是要能迎合這些需求,於是便考慮用RWD(Responsive Web Design,稱為響應式網頁設計或自適性網頁設計)。

不過礙於要切版還有寫code這種重新打地基的工作實在是會花很多時間,於是小珞偷吃步找了模板,主要是找能夠適應各種螢幕大小的網頁模板,之後再做視覺的重新設計與微調。找到的模板網站是HTML5 UP,裡面大約有三十多個模版,如果是用於個人而非商業用途的可以使用他的模板。

web07
進去之後可以點Live Demo看他的樣式以及在平板手機的顯示畫面,要下載再點旁邊的Free Download就可以了。

除了網站的外表之外,在填寫表單的資料方面,希望可以進後台資料庫做連結統整,方便之後匯出相關資料,這不是我的強項,所以後台的程式部分就交給清風了。經過不斷的修改與測試,終於大功告成啦~❤

web01這是一進去的主視覺畫面,可以按右上方的瀏覽選項,也可以直接往下滑。左上角的LOGO則是承接主視覺所設計出來的極簡風,是我跟清風的名字英文拼音所結合而成。

在關於我們的地方放上彼此認識的契機。

web03再來就是很重要的婚期資訊告知啦~

web04放點婚紗照片讓賓客們更期待婚禮的到來,上頭的敘述文字則是找了很久才找到,為我們的美麗婚紗照下的註解。

web05每張照片點下去都可以放大檢視,還有下方的說明XD

web06最後就是讓大家填寫的出席回覆了。

做完真的是成就感非凡啊~又是我們倆一同生產出的作品,許多朋友看到都覺得很棒,這真的是最好的慰藉了:D 建議新手要自己做網站之前,先想好網站的整體架構再來找適合的模板,做起來會更事半功倍唷!

想看更詳細的婚禮網站可以點這裡:http://ourwedding.tw/

✨留言區✨