Riv Studio

Riv Studio Riv Studio 是⼀間致⼒於網站3D技術與 Web XR 的品牌⼯作室,對於動態特效和科技創新有著源源的熱情;我們善於使⽤創意和技術的⼒量來呈現⾼品質的數位體驗,使命帶給我們的客⼾最完美的產品表現

🔰 科元藝術 Ke Yuan Gallery 官網設計 ─ 專案作品分享⠀⠀科元藝術,作為一個在地人的畫廊,科元支持本土、年輕藝術家,並希望成為收藏家與藝術家聚集、交流的平台,期待能做到收藏家、藝術家、畫廊共同成長的目標。⠀⠀而 Riv 也...
19/09/2022

🔰 科元藝術 Ke Yuan Gallery 官網設計 ─ 專案作品分享
⠀⠀
科元藝術,作為一個在地人的畫廊,科元支持本土、年輕藝術家,並希望成為收藏家與藝術家聚集、交流的平台,期待能做到收藏家、藝術家、畫廊共同成長的目標。
⠀⠀
而 Riv 也很開心能為這樣優秀的藝術中心打造一個最合適的官方網站,除了歷經與團隊間多次縝密的討論之外,也在製作過程中不斷優化雕琢,讓官網的視覺體驗、功能流程都盡善盡美,讓不論是一般的訪問者或是藝術收藏家,都能在網站的瀏覽上有了更完整的使用體驗。
⠀⠀
⠀⠀
◾️ Customize
- 大型作品、出版品、展覽內容的形象官網,設計視覺上會走向簡約質感的視覺,讓作品本身的呈現不失焦
⠀⠀
- 大量內容整合的網站,需針對載入資料的流程設計、優化,確保瀏覽體驗的順暢之外,也同時顧及網站內容 SEO 的成效
⠀⠀
- 架構介面簡明、流程易上手的後台上架系統,便利客戶日常資料的更新與修改
⠀⠀
- 透過自動化流程,將網站吸引到的顧客與客戶之間的交流順暢快速,例如:作品的參考討論、出版品的詢價...等專屬功能
⠀⠀
⠀⠀
◾️ What We Did
- 玲琅滿目的作品與展覽視覺呈現:設計一套簡約中帶低調質感的風格,襯托原本作品、展覽呈現的同時,不搶其風采。
⠀⠀
- 大量內容的載入優化:以 Lazy Loading 的方式處理資料的載入,除了優化網站第一時間進場速率之外,也減少不必要的流量成本,瀏覽者的體驗也不會因為未來資料量的增加而受到任何影響。
⠀⠀
- 資料上架的流程優化:由於眾多作品的上架更新頻率較高,分類豐富,所以後台的設計必須從操作介面、資料架構、上架流程等各方面,經過與客戶詳細溝通、理解實際需求後,整合出一套簡約易上手的後台系統,其中包含業面板密的調整、多層的資料關聯架構、多媒體(照片、影片)資料的上架...等流程。
⠀⠀
- 詢價流程:透過串聯 Email 通知與詢價功能,降低詢價、報價之間的時間差,讓客戶與其顧客之間的溝通順暢即時。同時包含報價紀錄,便利客戶透過後台管理報價的紀錄。
⠀⠀
- 社群平台的結合:接軌 Instagram 粉絲專頁的內容,直接顯示於官網首頁,並提供互動介面,讓瀏覽者也能同步接收到社群即時的貼文資訊,創造多元的導流方式。
⠀⠀
◾️ 專案介紹
https://www.riv-studio.com/projects/keyuan-gallery
⠀⠀
#網站設計

🔰 Web VR NFT Exhibition ─ 專案作品分享⠀⠀NFT (Non-fungible Token) 賦予藝術創作不同以往的意義,從去年至今,大量的數位作品開始以這樣的形式,在各交易平台上釋出、收藏。⠀⠀與此同時,隨著「網站...
09/08/2022

🔰 Web VR NFT Exhibition ─ 專案作品分享
⠀⠀
NFT (Non-fungible Token) 賦予藝術創作不同以往的意義,從去年至今,大量的數位作品開始以這樣的形式,在各交易平台上釋出、收藏。
⠀⠀
與此同時,隨著「網站」技術的持續進步,大眾對於 3D Virtual 的接受度也越加廣泛,因此這兩項題材的結合就變得令人興奮,而近幾年 Riv Studio 一直持續關注相關領域的動向,並在技術上精進、開拓成長,去年很榮幸透過合作,有機會和指標性客戶共同打造 WebVR NFT 的線上虛擬展覽類型的網站體驗。
⠀⠀
專案入口 - https://www.riv-studio.com/projects
Riv Studio - https://www.riv-studio.com/rivstudio
⠀⠀
◾️ 網站特色介紹
- 鍵盤 WASD 走位(↑←↓→) + 滑鼠視角操控(👀),User 能在場景中實際行走觀賞擺放於 Gallery 中的 NFT 作品
- 每個空間可擺放 50 個 NFT 作品,種類包含:圖片、影片、音樂
- 願望清單:User 可將作品加入願望清單,便於未來重新進入網站時能夠快速瀏覽,也能再連至平台網站進一步購買
- 靠近影片作品時會自動播放,且聲音具備方向性,提升 User 的沈浸體驗
- 大量創造空間:平台的架構上設計為可透過預定義的資料格式,創造多空間、互動以及作品擺放和上架。
⠀⠀
◾️ 技術特色
- 光線影子的效能處理:替場景中的模型貼上 LightMap,重現美術的設計的同時,減少實體耗效能的光源數量 ; 同時使用 Ambient Occlusion,模擬物件受光下的真實感
- Instancing 實體化:重複性的場景 Mesh 透過實體化的技術,降低 Draw Call,提升首次渲染的效能,也減少集體粒子動畫的卡頓
- Lazy Loading:NFT 作品數量多且每個作品的容量較大,採用延遲加載的方式,讓 User 得以先行進入空間,下載完成的作品會逐步出現於場景中,降低 User 的等待感
⠀⠀
◾️ 未來體驗及應用場景
過去這一系列的模式應用的場域大多整合在遊戲、動畫、AR / VR 裝置等產業,而近年在疫情的環境影響之下,虛擬世界交流的模式躍進主流市場,不論從藝術、設計建築、金融科技到服飾品牌、飲食文化也相繼嘗試跳脫以往既定印象中的網站框架,更加注重的是 User 及客戶在虛擬數位平台上的實感互動和沈浸體驗,期許未來能讓更多的人都能透過日常的情境,如「網站」、「手機」等,就能輕鬆無門檻得體驗 VR 世界的樂趣。
⠀⠀
⠀⠀
若是對這樣的題材或作品有興趣也都歡迎來信,我們樂於交流,也希望透過 Riv Studio 的小小力量,能讓越來越多目光和人才投注在這些很酷的事情上。未來,Riv Studio 十分期待與各不同產業的先驅們合作,持續創造獨特的 Web VR/3D 等體驗,一起創意和技術的⼒量來令人耳目一新的數位體驗。
⠀⠀
#虛擬實境 #網站設計

10/06/2022

⚡️ 科元藝術 Ke Yuan Gallery ─ 形象網站 正式上線
⠀⠀
「新藝術家的表演舞台,老收藏家的尋寶樂園」是科元藝術經營一貫的核心理念,科元藝術成立於台中清水,是在地人的畫廊,長期發展、支持本地及年輕藝術家。
⠀⠀
畫廊是一個乘載過去到未來藝術家們的表演場域,也是老收藏家的樂園,科元藝術希望成為收藏家與藝術家交流的一個平台,因此為了讓作品間的交流及詢價流暢,我們在多方地規劃和不斷來回討論後,一同架構出能簡明傳達資訊與美感的前端介面,和便於持續更新資訊上架的後台,優化了各種項目間的資料邏輯,以及開發藝術品即時報價通知等專屬於藝廊的網站功能。
⠀⠀
此次與職日設計合作,透過簡約的視覺以及輕巧的動態輔助,讓瀏覽者能更加專注於藝術作品本身。首頁的體驗上搭配能即時呈現 Instagram 官方帳號貼文的功能,讓社群經營與網站營運間能輕鬆做到資訊的串連,擴大瀏覽者的資訊入口。
⠀⠀
很高興能有此次機會一起共創藝術作品的數位樂園,與藝術作品對話的同時,也歡迎大家有機會能到台中清水走訪一趟科元藝術,親自感受別具溫度的藝術氣息。
⠀⠀
https://www.keyuan.com.tw
⠀⠀
【Credits】
Client ─ 科元藝術 Ke Yuan Gallery
Directed by ─ Riv Studio
UI Design ─ 職日設計 Day & Days Design
Release Date ─ May. 2022

🔰 好好生醫 -- 電商官網⠀⠀好好生醫 Better Biosciences—— 理科太太和專家團隊共同研發,精選 17 種營養素,打造適合現代人高效生活的營養補充品!⠀⠀◾️ What We Did太空人維他命為一款幫助現代人迎擊高速生...
24/03/2022

🔰 好好生醫 -- 電商官網
⠀⠀
好好生醫 Better Biosciences
—— 理科太太和專家團隊共同研發,精選 17 種營養素,打造適合現代人高效生活的營養補充品!
⠀⠀
◾️ What We Did
太空人維他命為一款幫助現代人迎擊高速生活,結合專業生醫團隊打造的營養品。官網的整體設計以帶給人安定感受的灰色、紫色系為主,精神活力象徵的草綠色為輔,並藉由專屬製作的概念影片及運用簡潔的色塊進而帶出產品所強調的——快樂開外掛,補足元氣,高效過生活的視覺感受。
⠀⠀
◾️ Commercial Film 產品概念影片
自家影像工作室與好好生醫團隊共同製作的產品概念影片,應用於嘖嘖募資素材和現行官網的產品介紹,由專業的拍攝及執導搭配上具有玩味的後製,將產品的專業形象與品牌魅力完整呈現出來,聚焦目標客群, 誠摯地將產品的特點及資訊傳遞出去。
⠀⠀
◾️ Customize
好好生醫網站使用國際電商 Shopify 作為架構並客製化建置,頁面內容包含專屬品牌形象的首頁、商品頁提供介面、好好生活提案、專利與檢驗頁面、服務據點、聯絡我們及FAQS及會員系統;除了基本的金物流的設置,也擴增串接了 paypal 跨國金流與東南亞市場等國際物流,其中也包含台灣超商取貨等在地化的物流系統,並持續配合開發各類行銷活動和呈現商品訂閱制功能,提供顧客個人化服務、更好的購物體驗,幫助好好生醫品牌拓展業務及國內外市場。
⠀⠀
◾️ 專案介紹
https://www.riv-studio.com/projects/betterbio
⠀⠀
#網站設計 #電商

🔰 鬍子國王蛋捲 -- 網站/品牌重塑⠀⠀AOP頂級手工蛋捲-鬍子國王,堅持無添加,用頂尖職人的態度做出最天然、最真實的美味蛋捲。2021年我們與 合十設計國際有限公司 合作,協助鬍子國王進行品牌視覺重塑、網站建置及品牌行銷,將堅持品質的用...
22/03/2022

🔰 鬍子國王蛋捲 -- 網站/品牌重塑
⠀⠀
AOP頂級手工蛋捲-鬍子國王,堅持無添加,用頂尖職人的態度做出最天然、最真實的美味蛋捲。
2021年我們與 合十設計國際有限公司 合作,協助鬍子國王進行品牌視覺重塑、網站建置及品牌行銷,將堅持品質的用心傳達給每一個家。
⠀⠀
◾️ What We Did
以愛為出發點的鬍子國王,堅持品質,就為了給家人最好的。
以此初衷我們以家庭為雛形,打造了鬍子王國美味城堡,將品牌中的用心挑選食材、創辦人不斷嘗試最佳配方等故事,藉由玩味不減的視覺風格呈現於網站中,如同翻開一頁一頁的繪本,挖掘出鬍子國王精心製作蛋捲的每一步。
⠀⠀
◾️ Features
- 側邊滑出式購物車
- 繪本動畫滾動操控
- 加價購功能
- 金物流串接
- 會員分層系統
⠀⠀
◾️ Customize
此次專案開發使用國際電商 Shopify 作為架構並客製化建置,從金流、物流串接到獨特的品牌與會員頁面及功能設計,我們提供業主更多動態客製設計的可能性,利用大版面的動畫呈現,將主題網站打造極具故事性、獨一無二的鬍子王國場景,致力將業主堅持背後的品牌精神最真誠的傳達出來。
⠀⠀
◾️ 專案介紹
https://www.riv-studio.com/projects/kingofbeard
⠀⠀
#網站設計 #品牌重塑

🔰  泰昌花邊 -- ERP 系統⠀⠀擁有三十年優異技術的泰昌生產各類刺繡、花邊布,版圖遍及廣州、福州及台北。 我們為業主建置開發 ERP 系統,協助將繁雜作業流程整合為一套企業資源系統,有效提升其管理效率。⠀⠀◾️ What We Did...
18/03/2022

🔰 泰昌花邊 -- ERP 系統
⠀⠀
擁有三十年優異技術的泰昌生產各類刺繡、花邊布,版圖遍及廣州、福州及台北。 我們為業主建置開發 ERP 系統,協助將繁雜作業流程整合為一套企業資源系統,有效提升其管理效率。
⠀⠀
◾️ What We Did
多地企業經營型態的泰昌,以往是利用2套系統進行資源及財政管理,而兩岸公司作業獨立,業務單位在進度追蹤與採購進貨、庫存狀況等資訊易出現不同步的狀況,管理效率不易控管。在搜集業主完整作業流程、收斂各方需求後,我們將舊有資料併入新資料庫中,將其重新建構與整合,克服了原先資料庫整合不精確的邏輯,建立讓業主可即時且集中管理資源配給、產能效率控管的 ERP 系統。
⠀⠀
◾️ Features
- 採購進貨管理
- 庫存管理
- 配銷管理
- 生產管理
- 財務管理
- 權限管理
- 客戶關係/人力資源管理
⠀⠀
◾️ UI Design
將帶有舒適、穩定感的藍與黑兩個基本色,貫穿 ERP 系統整體設計,並清楚定義 Design system 的元件規範,一致性的介面呈現,降低用戶學習成本,有助於業主在複雜的後台操作中,更快速理解功能的使用方式。
⠀⠀
◾️ Data Integration
在業主兩岸三地的企業型態下,業務資料的即時性與系統效能尤其重要,我們解決了兩岸伺服器連接網速問題,並修正舊有資料庫整合不精確的邏輯,彙整三地資料,協助業主產出業務報表、金物流追蹤等以利管控。
⠀⠀
◾️ 專案介紹
https://www.riv-studio.com/projects/lace
⠀⠀
#企業管理系統

🔰  汎歌 / 己點 -- 形象官網⠀⠀汎歌 Panco 是台灣在地創立四十餘年的保養品品牌,而己點 self o'clock 為針對年輕肌膚主打的副品牌,此次專案我們透過柔和、舒適的視覺,搭配簡潔輕鬆的購物體驗,協助在地品牌拉近與顧客的距...
11/03/2022

🔰 汎歌 / 己點 -- 形象官網
⠀⠀
汎歌 Panco 是台灣在地創立四十餘年的保養品品牌,而己點 self o'clock 為針對年輕肌膚主打的副品牌,此次專案我們透過柔和、舒適的視覺,搭配簡潔輕鬆的購物體驗,協助在地品牌拉近與顧客的距離,並盡可能地適當融合品牌個性,規劃同調的視覺規和互動體驗,加深用戶對品牌的印象。
⠀⠀
◾️ Challenge
PANCO 期望以老品牌,新行銷的方式,提供顧客更便利的線上購物服務,在了解汎歌需求後,我們協助其規劃金流系統前、後台合適的架構規格以及網頁動線,除了提供客戶ERP系統來即時管理訂單、會員狀態外,我們也與物流商做串接,讓出貨狀態一目瞭然,提升用戶的使用體驗,並建立客服回覆機制,方便客服人員處理訂單相關問題。
⠀⠀
◾️ Feature
- 商品展示
- 線上購物
- 會員系統
- 部落格文章
- 管理後台
- 多國語系
⠀⠀
◾️ 優化購買流程
提供即時快查看的側邊滑出式購物車,減少頁面的跳轉,並提供三步驟一頁式的結帳頁面,讓顧客對於表單內容,得以一目瞭然的完成購買的需求。
⠀⠀⠀⠀
◾️ 行銷巧思:優惠碼分享、集點回饋
我們協助self o'clock 推行好友分享集點活動,集滿點就贈送超值商品或隱藏版商品,為己'點創造顧客回流、提升顧客的忠誠度;而設計當中以「逆齡青春」為概念,運用逆向的時鐘跑動設計,不同集點等級設定對應的美人稱號,增添活動的趣味性,及與使用者間的互動性,以加深品牌與顧客的連結及黏著度。
⠀⠀⠀⠀
◾️ 專案介紹
https://www.riv-studio.com/projects/panco

03/03/2022

稍早全台大停電 ⚡️,工作室的大家才突然發現「為什麼別人都有粉專可以發地震文停電文,阿我們怎麼沒有勒?」
於是小編來幫大家自我介紹啦~


Riv 可唸作 Riff,Riff 這個單詞在音樂的術語中,是指一段即興演奏的樂句,許多音樂作品都是從這些 Riff 的創生而後延伸發想到完整,Riv 秉持的就是這樣的精神,透過充滿創造力的樂句及想法,打造令人心動的素材內容、渲染視覺的動態特效、精煉品牌價值的創意。

過去時光裡,陸續有各品牌與 Riv Studio 合作,一起攜手打造具特色、客製的官方網站。工作室的夥伴也投入相當多的時間努力,設計有趣的動態體驗、追求乾淨維護性高的程式碼,更是重視客戶的需求,收斂出最適恰的成果。

Web 的主流趨勢在這十年間,從平面逐漸走向 3D,互動方式不斷進化,從簡單小巧的動態到物理實感的視覺體驗,快速變異,工作室一直以來致力於創造多樣特色的體驗及視覺互動,從品牌網站玩到 webVR 的應用,透過這些 2D / 3D 的經驗,朝未來新型態的數位體驗前進。

日後將會陸續跟大家分享工作室的作品,期待能與世界的大家交流一同成長~

雖然停電心慌慌,期許 Riv 能繼續成長,充滿電來分享更多有趣的作品,祝大家工作順利 😃

Hello World,
This is Riv Studio Speaking.

Address

松江路129號2樓之 5
Zhongshan District
104

Alerts

Be the first to know and let us send you an email when Riv Studio posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Share