#分享 🌻備婚日記❾-喜帖篇:網站式電子喜帖

一個恍神不小心把文章給刪了🥲重發一次 其實本來沒打算要做電子喜帖。 因為我已經有請拍拍印,他們有附官方Line的電子式類喜帖服務 可以在上面回覆出席問卷、看婚紗、查一些相關婚禮資訊 之後會再詳細介紹一篇拍拍印體驗🩵 但因為長輩們一直說不會用、很難用(? 所以最後還是決定再另外做一個直覺式電子喜帖 (但還是有人說很難用,我也是不懂😌🚬) - 💡電腦版首頁
megapx
我測試了很多版面,後來發現每個人版面會因螢幕解析不同而異 最後我就以我自己27吋螢幕來設計版面 首頁放上最喜歡的幾張婚紗照,以跑馬燈形式播放 左上角跟右下角的社群連結分別放上我與主播的社群帳號🤣 還有最重要的婚禮的官方Line。 底部為置底不動的兩隻貓兒子門神 我自己喜歡這種簡單純一頁式的設計,比較簡單明瞭 但剛開網頁時會有點lag不知道是不是bug,重新整理就好了。 - 我的電子喜帖:
- 電腦版喜帖頁
megapx
megapx
用紙本喜帖的模板稍微改了一下貼上去 - 電腦版關於新人
megapx
怕賓客根本不知道我們是誰(爸媽的一堆奇妙朋友們 所以簡單介紹了一下新人🩵 左右兩側似顏繪是我自己畫的🫶🏻 - 電腦版婚紗藝廊
megapx
一樣以跑馬燈形式播送婚紗照🩵 - 電腦版交通資訊
megapx
左邊是我自己雞婆畫的手繪版😂 正中間放上正式google map給賓客看 右邊提供大眾交通資訊。 - 後來發現大家應該還是用手機看比較多,所以又做了手機版(? 手機版logo
megapx
點網址進來會先浮現我們的婚禮logo,但就只能這麼大😅 Logo是我自己設計的🩵後來有用在蜂蠟的印章上 之後會再紙本喜帖篇一起分享🫶🏻 - 手機版首頁
megapx
會先進到這個類似電腦版的首頁 但點選右上方MENU可以連結到這個手機版獨有首頁 我自己私心最喜歡這個頁面🩵🩵🩵
megapx
本來還有倒數超可愛😆只是已經結束了直接歸零🥲 - 手機版MENU
megapx
- 手機版喜帖頁
megapx
megapx
因為版面許可所以放上紙本喜帖才有的似顏繪🩵 往下滑就是流程表以及dress code等相關資訊 - 手機板關於新人
megapx
megapx
megapx
點新人名字可以連結到子頁面認識新人~ - 手機版婚紗藝廊
megapx
megapx
megapx
一樣以輪播方式播送婚紗照,所選照片同電腦版~ - 手機版交通資訊
megapx
礙於版面關係把我的手繪版地圖拿掉了🥲 只放上google map以及大眾運輸交通資訊 - 設計這個電子喜帖真的超級燒腦, 爬了好多文章參考好多其他網站的設計 最後才產出這個寶寶🩵 分享給各位備婚中的學妹們 如果跟我一樣是很閒又有強迫症的新娘,推薦自己做喜帖😆 - 來看看我其他的備婚日記吧
愛心
121
31
全部留言