AAPD 第一屆產品設計挑戰賽 Landing Page
Overview
精確傳達比賽資訊的一頁式入口網站
AAPD (As A Product Designer) 是一個設計內容媒體和教育品牌。
今年九月我們與各大企業攜手合作,推出第一屆產品設計挑戰賽;Sideproject 不再只是做身體健康的,無論最終獎落誰家,每位參賽者都能抱走紮實經驗與海量資源!
此 Landing Page 主要以滑鼠捲動來觸發物件進場,局部輔以 Lottie 動畫與滑鼠懸浮互動回饋;資訊較長、較多的區塊皆有設定 Sticky Title,使得瀏覽過程富含節奏變化、吸引使用者持續往下瀏覽。
⬇️ 移駕至網站親自體驗 ⬇️
🌐 Website|https://challenge.aapd.com.tw/
Period
Sep. 2023
Client
AAPD (As a Product Designer)
Service
整理資訊架構 · 主視覺與介面設計 · 前端開發 (on Framer)
Credit
專案管理 / Nelly 文案架構 / Nelly & Elisa 網頁設計 / Molly Hung 網頁開發 / Simon Lin & Molly Hung


AAPD 第一屆產品設計挑戰賽 Landing Page
Overview
精確傳達比賽資訊的一頁式入口網站
AAPD (As A Product Designer) 是一個設計內容媒體和教育品牌。
今年九月我們與各大企業攜手合作,推出第一屆產品設計挑戰賽;Sideproject 不再只是做身體健康的,無論最終獎落誰家,每位參賽者都能抱走紮實經驗與海量資源!
此 Landing Page 主要以滑鼠捲動來觸發物件進場,局部輔以 Lottie 動畫與滑鼠懸浮互動回饋;資訊較長、較多的區塊皆有設定 Sticky Title,使得瀏覽過程富含節奏變化、吸引使用者持續往下瀏覽。
⬇️ 移駕至網站親自體驗 ⬇️
🌐 Website|https://challenge.aapd.com.tw/
Period
Sep. 2023
Client
AAPD (As a Product Designer)
Service
整理資訊架構 · 主視覺與介面設計 · 前端開發 (on Framer)
Credit
專案管理 / Nelly 文案架構 / Nelly & Elisa 網頁設計 / Molly Hung 網頁開發 / Simon Lin & Molly Hung


AAPD 第一屆產品設計挑戰賽 Landing Page
Overview
精確傳達比賽資訊的一頁式入口網站
AAPD (As A Product Designer) 是一個設計內容媒體和教育品牌。
今年九月我們與各大企業攜手合作,推出第一屆產品設計挑戰賽;Sideproject 不再只是做身體健康的,無論最終獎落誰家,每位參賽者都能抱走紮實經驗與海量資源!
此 Landing Page 主要以滑鼠捲動來觸發物件進場,局部輔以 Lottie 動畫與滑鼠懸浮互動回饋;資訊較長、較多的區塊皆有設定 Sticky Title,使得瀏覽過程富含節奏變化、吸引使用者持續往下瀏覽。
⬇️ 移駕至網站親自體驗 ⬇️
🌐 Website|https://challenge.aapd.com.tw/
Period
Sep. 2023
Client
AAPD (As a Product Designer)
Service
整理資訊架構 · 主視覺與介面設計 · 前端開發 (on Framer)
Credit
專案管理 / Nelly 文案架構 / Nelly & Elisa 網頁設計 / Molly Hung 網頁開發 / Simon Lin & Molly Hung

