Image Tools｜線上圖片處理工具

這是一套使用 Laravel API 搭配 Tailwind CSS 開發的線上圖片處理平台，主要目標是讓使用者不需要安裝額外的圖片處理軟體，就能直接透過瀏覽器完成常見的圖片處理工作。 在前端介面的設計上，使用 Tailwind CSS 建立簡潔且一致的操作介面，著重於操作流程的直覺性。使用者只需要選擇需要的圖片處理功能、上傳檔案並設定相關參數，即可完成操作。介面同時針對檔案格式、大小、數量與必要欄位提供清楚的提示，降低使用者操作錯誤的機率。 後端則以 Laravel API 作為整個系統的核心。當使用者上傳圖片後，檔案會傳送至伺服器，由 Laravel 負責接收請求、驗證檔案格式與參數，接著交由伺服器進行圖片解析與處理。完成後產生新的圖片檔案，再將處理結果回傳給前端，讓使用者可以直接下載。 整體流程可以概括為「使用者上傳檔案 → Laravel API 接收 → 檔案與參數驗證 → 伺服器圖片解析與處理 → 產生結果檔案 → API 回傳處理結果 → 使用者下載」。 平台提供多種實際網站開發中經常使用的圖片功能，例如圖片壓縮、圖片尺寸調整、裁剪、圖片格式轉換、WebP 產生、多尺寸圖片輸出、圖片旋轉、品質調整、浮水印、背景移除以及其他圖片處理功能。 這個專案的技術重點並不只是製作一個圖片工具網站，而是建立完整的 Server-side File Processing 架構。圖片的核心處理工作由伺服器負責，前端主要負責使用者操作、參數設定以及結果呈現，因此可以將複雜的檔案處理邏輯集中在後端管理。 Laravel 在這個系統中也不只是一般網站常見的 CRUD 後端，而是負責 API、檔案上傳、資料驗證、圖片處理流程、暫存檔案管理、結果產生以及檔案下載等完整後端工作。 這樣的架構也具有良好的延伸性。未來除了圖片處理之外，同樣的設計方式可以進一步應用在 PDF 處理、Excel 或 CSV 匯入、文件轉換、批次檔案處理、AI 圖片分析，甚至企業內部的檔案處理服務。 Image Tools 這個作品主要展現的是從前端操作介面、Laravel API、檔案上傳、Server-side Processing，到最後產生檔案並提供下載的一套完整 Web Application 開發能力。

恩比居家｜品牌形象與寢具電商網站設計開發

恩比居家」是一個以寢具、睡眠品質與居家生活美學為核心的品牌網站。本專案從品牌形象出發，將商品展示、品牌內容、影音、顧客評價與實體門市資訊整合至同一套網站架構中，讓網站不只是單純展示商品，而是成為品牌與消費者溝通的重要入口。 網站首頁依照消費者瀏覽動線進行內容規劃，從品牌主視覺開始，逐步帶入安心選材、四季舒眠、專業工法與多元寢具系列等品牌特色，再銜接實際商品、生活情境、影音內容以及顧客評價，讓使用者能從「認識品牌」自然進入「了解商品」的階段。實際網站目前包含 SOMA 韓國被、四季被、涼感被、保潔墊、寢具組及各類枕頭等商品分類。 網站在視覺設計上採用自然、柔和且具有生活感的呈現方式，避免傳統電商網站大量商品資訊堆疊所帶來的壓迫感。透過適當的留白、圖片比例與內容層級，建立符合寢具品牌「舒適、自然、放鬆」定位的使用體驗。 除了商品展示之外，首頁亦整合影音內容與顧客評價，並將 Facebook、TikTok、Instagram 等社群內容延伸至官網，使品牌原本分散在不同平台的內容能夠重新匯聚至官方網站。網站同時呈現實體概念館、服務資訊與品牌承諾，讓線上內容可以進一步連結實體體驗。 技術架構 本專案主要採用 Laravel + Blade 進行網站開發。 Laravel 負責網站後端架構、資料管理與商業邏輯；前端則透過 Blade Template 建立頁面，在不需要導入大型 SPA Framework 的情況下，仍能完成具有品牌質感與互動性的網站。 這樣的架構特別適合品牌形象網站以及中小型電商專案。 相較於前後端完全分離的 React/Vue SPA 架構，Laravel Blade 能減少不必要的系統複雜度，在開發成本、伺服器資源、維護難度與開發效率之間取得良好平衡。 同時保留 Laravel 本身完整的後端擴充能力，未來若需要增加會員、購物車、訂單、付款、物流、優惠活動、API 或第三方服務串接，都可以在既有架構上持續擴充。 專案特色 - Laravel / PHP 後端開發 - Laravel Blade 前端頁面建置 - RWD 響應式網站設計 - 品牌形象網站規劃 - 商品分類與商品展示 - 影音與社群內容整合 - 顧客評價內容呈現 - 實體門市資訊整合 - 網站後台與內容管理 - 兼顧 SEO、效能與後續維護性的網站架構 - 開發思維 這個專案的核心並不是「用了多少技術」，而是選擇符合專案需求的技術。 對品牌型電商而言，如果所有頁面都採用大型 JavaScript Framework，不一定能為客戶帶來相同比例的商業價值。因此本專案以 Laravel Blade 為核心，將開發資源集中在真正影響使用者體驗的地方，包括品牌內容呈現、商品瀏覽動線、RWD、網站速度以及後續管理便利性。 最終目標是打造一套： 看起來有品牌質感、消費者容易使用、管理者方便維護，同時保留未來擴充能力的網站。 這也是我在網站專案中的主要開發理念：不是為了使用技術而使用技術，而是根據網站規模與商業需求，選擇成本與效益最適合的技術架構。