Applying for front-end engineer
My Portfolio
- 依據客戶行銷策略、喜好風格,進行設計 - 優化資料呈現方式、頁面指向位置、RWD - 使用簡單架構、提供報告,以利更新與維護
- JavaScript 控制方塊選擇、移動 - 使用 Localstorage 紀錄遊戲 - 設置更換外觀功能,自由切換
- 利用 Bootstrap 建立元素樣式 - 通過 API 抓取 Picsum 圖片資訊 - 進行 RWD 響應式網頁設計
- 依據設計師稿件進行切版 - 適當置放物件,防止跑版 - 進行 RWD 響應式網頁設計
- 依據設計師稿件進行切版 - 設計導引流程(sitemap) - 進行 RWD 響應式網頁設計
目標:使網頁內容有效呈現,讓使用者清楚獲得產品相關資訊
風格、用色:簡約風格,以黑白為主要用色
- 採用一頁式網頁,並將產品以卡片方式呈現(有效利用大量空間)
- 利用導覽列,快速移動到各區域(快速聚焦)
- 無複雜指向頁(僅首頁與產品頁面)
- 使用 Figma 展示網頁介面與指向頁面
- 利用簡單架構進行撰寫,易於日後更新與維護
- 使用 Bootstrap 及 jQuery 相關套件撰寫