更新於 2024年8月15日 軟體工程筆記 portfolio

[專案成就]菲塔薇樂vitawile 保健品官方網站

保健食品經銷商官方網站與購物車系統;獨立完成 WordPress/WooCommerce 小型電商建置。

  • WordPress
  • WooCommerce
  • Side Project
[專案成就]菲塔薇樂vitawile 保健品官方網站
菲塔薇樂 Vitawile Logo

專案概述

項目 說明
what

這是一個保健食品經銷商使用的官方網站,同時提供購物車系統,讓客人可以選購喜歡的產品。

網址(可能已關閉):vitaweile.com

when

開發時程:2023/01/03 – 2023/03/31

why

朋友在經營此產品的經銷,發展不錯,自己也想斜槓看看電商產業。

  1. 建立以後,未來有其他經銷商,可以轉賣給對方。
  2. 如後續發展不錯,可以結合不同品牌一同銷售。
how
  1. 在 Namecheap 購買網址。
  2. 為減少花費,在原本購買的虛擬主機 SugarHost 再另外安裝一個 WordPress。
  3. 把 Namecheap 網址指向 SugarHost 主機內 vitaweile 的應用服務。
  4. 進入 WordPress,使用 OceanWP 範本電商網站。
  5. 安裝使用 WooCommerce 與各類付費外掛套件。
  6. 整理商品與圖片,測試各功能。
  7. 正式對外。
effect
  • 產品完整介紹:統一的產品介紹頁面,方便做產品說明。
  • 額外接產品銷售:除朋友經銷產品外,也可自行接其他產品銷售。
  • 統一下單頁面:讓客戶透過同一頁面完成下單。

過程經歷

專案挑戰:下班前與上班前的時間開發

Status

此專案屬於 side project,不太能在公司開發製作。

Task

預計在三個月內完成。

Action

  1. 排定每天早到公司一小時。
  2. 下班回家後繼續製作。

Result

最後在三個月內完成。

Think

雖然是 WordPress 網站,但因此更熟悉 WordPress/WooCommerce。若只是製作小型電商,用 WordPress 完全可行。

技術挑戰

其實沒有太多技術挑戰。因為多半是範本與套件,部分 CSS 與文字大小不協調,且原控制項無法更改;自行補寫一些 CSS 即可調整。