fbpx

e-BABY設計、網頁架構解析

客戶介紹

e-BABY(新竹分校),位於竹縣竹北區,在台灣是數一數二的專業早教學院。
致力於幼兒的專業教育,為孩子設計科學化、適齡、適性、量身訂做的教學課程。

在這數位洪流的時代,許多業者亟欲轉型,希望透過網路打破地域性的限制,e-BABY也期望以此帶來更多的成效,因此我們替e-BABY,規劃了一系列的行銷漏斗,其中一環,就是建立「微課程名單搜集頁」以及「體驗課程銷售頁」

現在就讓我們一起來看看,這兩個頁面的設計思維吧!

首先是「微課程名單搜集頁」名單搜集頁的設計核心在於,吸引對教養知識有興趣的父母群,引導他們留下資料,因此我們將父母關注的教養議題,濃縮成精華短片,藉此開啟他們對e-BABY的初步認識與信任。

此頁的內容,既然是以知識性的微課程為主軸,那我們首要體現給消費的第一視覺印象,當然就是要具有足夠的「專業感」,因此整體設計上,以專業、簡潔、信賴的面向去發想設計,

首圖背景上,特別結合了毛玻璃效果,微霧的柔感再加上照片的模糊襯底,會讓整體視覺質感大大提升。這樣的效果,不會過於生硬,卻也恰好保留了幼教柔和、親切的特質。

另外在內容的部分,考慮到資訊量較多,所以用白底來簡化整體視覺感,使其簡潔有力些,其中家長好評的部分,有個小巧思,就是將評論的重點放大展示,讓閱讀者可以更快抓到關鍵內容,尤其是在手機版觀看時,閱讀體驗會更加優良,也才能有效的傳遞重點資訊,快速建造可信賴的形象。

體驗課程的銷售頁

此頁內容是以幼教內容為主,所以我們主要希望營造出,孩子在此上課是開心快樂的形象,如此,風格就會圍繞在,創造力、歡樂、童趣。

那為了能更貼近e-BABY的企業形象,銷售頁的色彩定調,主要還是延續了e-BABY 的企業識別色,我們選用了紫、綠為基本色和重點色,背景色,擇另外延伸,加上了柔和的淡米白,來讓整體網頁視覺能夠更溫和與親切。

在網站銷售頁首圖的設計上,我們選擇放上小孩實際上課的形象照,讓家長一進入到首頁,就可以馬上感受到孩子開心的上課氛圍,藉此營造出,來e-BABY的小孩都是在快樂中學習成長的形象

e-BABY課程核心主要是圍繞在「提升小孩的腦力發展」,所以為了將這個核心概念可視化,我們也特別在頁面中加入了Q版大腦」的角色貫穿全頁,讓這樣印象更加明確。

其中的小巧思,就是我們在圖像、icon的線框使用了「蠟筆筆觸」的元素去勾勒,讓整體的風格更貼近童趣的風格。