Skip to main content

網頁設計

Page 1

衣服家,於民國69年創立。迄今近30年,對產品品質上堅持及客戶需求的滿足, 近30年來一路秉持著技術、創意、全面品管、客製服務,贏得口碑的肯定。

我們有完整的裁剪、車縫、印花、刺繡、整燙包裝等。一貫製程技術, 爲客戶提供專業全面的技術,及提供客戶安心又可靠的MIT保證。

在資訊化時代的來臨,衣服家本著創新的思維,引入資訊化經營概念。

讓消費者可以直接享受到資訊化帶來的低成本好處。快速的取得精緻化製程的產品。

商家能給予客戶的服務及堅持

商家主要經營品項介紹

擬稿
wordpress

前台設計

確定底色色調為飽和漸層, 所以內容增加透明度黑底, 以利使用者聚焦在形象介紹上。

elementor

圖片轉盤應用

關於我們

內容滿版照片增加文字後以圖片轉盤 進行輪播,吸引目光同時告知客戶 商家能提供的服務及核心理念。

elementor

icon圖示及

動作特效應用

關於我們

介紹商家品牌故事,及簡略服務品項, 告知顧客店家經營項目及未來發展。

並加入現場實作照片讓顧客更有帶入感。

elementor

沾粘性導覽列 使網頁下拉後 能一直附著於頂端

elementor

基本圖庫照片上傳及排序 加入進場動畫,使照片漸入增加活潑感 並開啟開啟燈箱效果,提供放大閱覽。

最新消息

給予特殊的互動方式, 藉由圖片背景HOVER讓數標移入時, 溶入背景色彩,吸引瀏覽者把玩。

elementor

背景投影片應用

加入背景覆蓋鼠標懸停效果

最新消息

在圖片應用中再次使使用HOVER, 並強調傷下能給予客戶的服務, 凝聚力量、創意碰撞及品質效率, 告知瀏覽者商家對於本身品牌的堅持。

elementor

IMAGE HOVER EFFECTS應用 加入鼠標懸停動畫效果效果

服務品項

介紹商家提供的主要服務範疇, 從設計發想到商品製做的一貫流程, 讓顧客在與商家聯繫前, 可以有基礎上的了解,並確定方向。

elementor

背景輪播應用

elementor

分頁應用

以條列方式分為三項, 並用精簡的文字敘說服務項目, 讓顧客可以輕鬆閱讀。

服務品項

簡略告知客戶商家能提供的次要服務, 如有特殊需求,商家亦能配合協助處理。

elementor 背景輪播應用again

elementor

切換應用

如圖 “前置處理”為全部展開 “後段加工”為只有展開上方內容 讓客戶依需求點選。

聯繫我們

告知客戶聯繫廠商前 可以提前準備的資訊, 以利後續與商家溝通時提升效率, 且商家亦能及時反應。

elementor

收合容器應用

如圖三個問號依列狀排列, 使用”切換”會越拉越長, 因此使用”收合容器”處理, 讓客戶方便閱讀。

聯繫我們

提供客戶商家業務聯繫 及郵件聯繫方式, 郵件聯繫方式使用選填式, 可依後續聯絡服務再行告知。

elementor

圖片轉盤應用again

此次導覽列加入下方點, 可以知道共有幾張照片。

elementor

頁尾外掛處理, 覆蓋wordpress原始頁尾, 加入link可點選進入其他分頁。 如fb及商場為另開新分頁。

後台操作

wordpress擁有相當多的掛件可使用,其中以elementor廣為人知, 挑選好佈景主題後,外掛elementor以進行編輯,如有特別的需求 亦可尋找並加入其他掛件,增添網站架設的可塑性,有別於寫語法, 是個相當好入門的軟體。

但如有精確的標的,學習html與css語法,並用加入wordpress中則更能得心應手。

後台操作

wordpress主要以[段、欄、列]來切版,並加入相當多實用的工具, elementor則讓其更加強大,頁面切版及特效應用讓操作者能直覺式使用, 並且融入RWD模式,使用上也能相當順手,SEO亦可加入其中增加網頁曝光度, 熟練能快速產出,當然能習得語法應能更加優化。

opencart 店商平台架站

前台設計

不同於wordpress的woocommerce

外掛相較簡單的功能,opencart提供 更為強大的店商平台服務,從顧客端UX 到後台操作都更為全面。

商家LOGO

品項導覽列

賣家品項顯示

圖片輪播

賣家提供之資訊

商品品項

除一般圖檔嵌入及商品介紹外, 可為自家商品進行特賣、紅利等設置, 另有商品評論(後台先進行評核才會顯示), 顧客設置我的最愛商品等完善介面操作。

顧客中心

顧客亦可加入會員享有首購優惠 (禮券或線上購物金),並隨時確認 訂單進度,及退換貨處理等。

賣家可於後台設置商品退換貨機制, 確認是否為可退換貨之商品並顯示在買家端, 再進行後續處理。

eg.輕微瑕疵不予退貨、貼身衣物售出不退貨 電腦主機無法運作換貨機制等。

商家資訊

可設置各類條款及細則,供顧客確認, 如圖為分潤會員條款,一般會員申請 為分潤會員後,將商品頁面依分潤會員區 產生之網址分享後,獲得回響並且有他人 購買之,則店家可提供紅利金及與分潤會員, 藉此讓產品能讓更多人分享出去。

商品退換

當顧客收到商品想退換貨時,需確認 是否為能退換之品項,並告知店家為何 需要退換貨,送出選單後,賣家設置之 mail及後台都會收到退換貨通知,並依據 狀況進行處理。

商品購買

當顧客進行結帳前,可看到目前是否有 會員之抵用金或紅利點數。

並能知道購買此件商品所能獲得之紅利, 增加顧客黏著度。

速買配金物流

速買配提供之opencart外掛, 賣家審核過即可進行金物流交易, 物流提供相當多選項,要注意 金物流之手續費用及則扣後是否 有盈虧之疑慮。

後台管理

opencart提供強大的後台機制,可為架設者幫助 賣家提供各類介面管理,如圖為商品管理之 頁面管理,為賣家設置各類約定條款並依照排序 顯示在前台提供顧客閱覽。

亦可設定商品屬性、選項及品牌,可附加標籤於 商品中,讓顧客點選後有更多選則,亦能對不同 商品進行比較,讓顧客待越久,瀏覽量即上升, 亦可使觸及率增加。

圖為顧客評論商品後,後台審核端會看到之介面, 另外雖可更改顧客之評價但缺乏公信力節後續爭端, 不建議修改顧客之評論,亦可聯繫顧客請對方重新 給予評價,亦或將此評論設為隱藏(見仁見智),另外 opencart也很貼心為賣家可以提供自家商品評論, 給予吸引顧客購買之誘因。

版面設計

圖為版面設計之廣告圖片,於此置入一般行銷、 節慶輪播圖,並可依需求設置在合適的頁面並 使用擴充元件開啟。

eg.促銷商品頁面之輪播想要使用銷售之圖片, 在此處新增輪促銷播圖檔,並在擴充模組管理 新增幻燈片輪播,並在版面排版設定促銷商品 分類頁面後,就可於前台顯示不同於一般輪播 之圖檔。

銷售管理

如圖為訂單管理,於此設置商品狀態, 並可增減狀態更能了解商品流向,並即時掌握, 下方亦有商品退換、購物禮券(買券送人使用) 等狀態,opencart將其整合為一個完善系統 提供商家可以容易的設置想要的銷售流程。

銷售管理

如圖為購物禮券(買券送人使用)狀態,可於 此增加特殊節慶之禮券主題,購買後即會寄送 於對方mail,並顯示商家之禮券圖片,祝福 親朋好友,另外金額上限與當日刷卡額度相同, 為兩萬元,須注意購買情況。

會員管理

如圖為加入賣場之會員,可依需求調整, 一般會員、企業會員與分潤會員等,另 在會員群組中可將對象分類並投放廣告, 會員審核則為新會員入會時商家可確認, 如有資料闕漏或申請為企業會員時, 商家卻查無其公司行號時,是否讓其擁有 會員資格等。

行銷活動

行銷活動可產生連結代碼,並作為廣告投放於其他平台, 並可於其中知道哪些客群使用的平台,會更貼近賣家之商品, 爾後可制定行銷策略。

折價券可用於新會員或節日等同於回饋顧客,結帳時可輸 入折價券代碼進行折扣優惠,但須注意此處 如使用%為歐美銷售方式,80%等同於打兩折。

郵件通知則可進行指定或非指定會員進行廣告宣傳。

系統管理

與擴充模組管理相同,主要為架站者操作, 並下放權限給賣家,如商店管理為整體賣場 基本資料及伺服器設定等較為細膩之設定; 可使用使用者管理新增賣場主理之權限,讓 其可以具有檢視權限但無修改權限,又如 賣家要新增庫存狀態(如 此商品需預購 )、 訂單狀態(如 此訂單商品目前卡海關中)、 商品退換(如 退換操作 新增到府確認品項)等, 這些為架站者處理的事項,權限即不須下放 給賣場主理,讓賣家能檢視到需要看見的資訊, 後端則為架站者處理好即可。

wordpress

衣服家-形象網站設計 (RWD設計中請使用網頁模式瀏覽)

https://hoc.jarrodwrong.com/

opencart

店商平台架設

https://hoc-shop.jarrodwrong.com/

https://hoc-shop.jarrodwrong.com/admin/

USER :
PW
demo
: demo

Turn static files into dynamic content formats.

Create a flipbook