Spark Protein

扭轉你對乳清蛋白的想像力

2019

電商

http://www.sparkprotein.com

背景

近年來健身風潮興起,越來越多人透過乳清補充蛋白質,但市售高蛋白零食多為國外進口,普遍甜度高、價位高且選擇性少。三位年輕人為了做出符合台灣人口味的蛋白質食品,以美味輕巧為訴求,成功在2018年經由「嘖嘖」集資,催生出 Spark Protein 本土最有潛力的蛋白質品牌。

Spark Protein

前言

隨著科技的演進,新創公司若想獲得商業競爭優勢,除了擁有自己社群外,初期架設網站的重要性更是不容小覷,可說是商務營運的基石。

転転作為Spark Protein 的新創加速器,提供資源扶植新創發展,建構電商網站便是其中重要的一環。本次專案設計,過程採用敏捷式開發,設計團隊不停腦力激盪,注入品牌思維與優化購物流程,協助Spark Protein 打造數位形象。

「需求導向」和「實用性能」為出發點

良好的用戶體驗是任何電商成功創造轉換率的關鍵;撇開消費者只是逛逛或還沒決定,根據研究,使用者決定完成整個購物流程,受制於流程是否流暢。流暢的購物流程外,處在人人皆低頭的時代,行動裝置友善設計(Mobile-Friendly)更是必備條件,在手機或是平板電腦,螢幕呈現空間有限,如何有限空間下提升使用體驗,是必須面對的課題。

在商品與購物車頁面有較多的資訊呈現,往往客戶看完後想購買,還得回頭找按鈕,考量便利性,我們在頁面將「加入購物車」與「開始結帳」按鈕置底,降低用戶在行動裝置上找不到結帳按鈕的狀況。

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.