#分享 🌻備婚日記❾-喜帖篇:網站式電子喜帖
一個恍神不小心把文章給刪了🥲重發一次
其實本來沒打算要做電子喜帖。
因為我已經有請拍拍印,他們有附官方Line的電子式類喜帖服務
可以在上面回覆出席問卷、看婚紗、查一些相關婚禮資訊
之後會再詳細介紹一篇拍拍印體驗🩵
但因為長輩們一直說不會用、很難用(?
所以最後還是決定再另外做一個直覺式電子喜帖
(但還是有人說很難用,我也是不懂😌🚬)
-
💡電腦版首頁
我測試了很多版面,後來發現每個人版面會因螢幕解析不同而異
最後我就以我自己27吋螢幕來設計版面
首頁放上最喜歡的幾張婚紗照,以跑馬燈形式播放
左上角跟右下角的社群連結分別放上我與主播的社群帳號🤣
還有最重要的婚禮的官方Line。
底部為置底不動的兩隻貓兒子門神
我自己喜歡這種簡單純一頁式的設計,比較簡單明瞭
但剛開網頁時會有點lag不知道是不是bug,重新整理就好了。
-
我的電子喜帖:-
電腦版喜帖頁

用紙本喜帖的模板稍微改了一下貼上去
-
電腦版關於新人
怕賓客根本不知道我們是誰(爸媽的一堆奇妙朋友們
所以簡單介紹了一下新人🩵
左右兩側似顏繪是我自己畫的🫶🏻
-
電腦版婚紗藝廊
一樣以跑馬燈形式播送婚紗照🩵
-
電腦版交通資訊
左邊是我自己雞婆畫的手繪版😂
正中間放上正式google map給賓客看
右邊提供大眾交通資訊。
-
後來發現大家應該還是用手機看比較多,所以又做了手機版(?
手機版logo
點網址進來會先浮現我們的婚禮logo,但就只能這麼大😅
Logo是我自己設計的🩵後來有用在蜂蠟的印章上
之後會再紙本喜帖篇一起分享🫶🏻
-
手機版首頁
會先進到這個類似電腦版的首頁
但點選右上方MENU可以連結到這個手機版獨有首頁
我自己私心最喜歡這個頁面🩵🩵🩵
本來還有倒數超可愛😆只是已經結束了直接歸零🥲
-
手機版MENU
-
手機版喜帖頁

因為版面許可所以放上紙本喜帖才有的似顏繪🩵
往下滑就是流程表以及dress code等相關資訊
-
手機板關於新人


點新人名字可以連結到子頁面認識新人~
-
手機版婚紗藝廊


一樣以輪播方式播送婚紗照,所選照片同電腦版~
-
手機版交通資訊
礙於版面關係把我的手繪版地圖拿掉了🥲
只放上google map以及大眾運輸交通資訊
-
設計這個電子喜帖真的超級燒腦,
爬了好多文章參考好多其他網站的設計
最後才產出這個寶寶🩵
分享給各位備婚中的學妹們
如果跟我一樣是很閒又有強迫症的新娘,推薦自己做喜帖😆
-
來看看我其他的備婚日記吧




















