創造沈浸的閱讀體驗

實驗與探索創新的介面與排版

角色
UI/UX 設計
互動設計
設計系統
時程
1 個月
(2021 十月 - 2021 十一月)
工具
Figma
團隊成員
前端 - Wanlin Lin
後端 - DaHung Liu
產品經理 - Trek Lee
UX Writer - Angela Chu

背景

Hiragana Times 是一份致力於推廣日本文化的雙語雜誌。在 1986 年首次發行,內容包含了多元的文章,例如文化、社會議題、商業和政治...等。自從 2019 年推出 APP 後,Hiragana Times 已經成為了日本文化的學習首選。為了讓所有讀者都能享受到豐富的日語學習資源,並且提升 SEO 成效,我們決定打造一個文章閱讀網站。

目標

1. 提升 Hiragana Times 的 SEO 成效
2. 探索文章閱讀商業模式的潛在市場

發想

因為有機會從頭打造一個新網站,我決定嘗試與探索創新的介面與排版設計。

設計系統

為了打造一個設計精美且高效率的網站,第一步要做的事就是打好基礎。我奠定了網站的顏色系統、字型和網格系統。這些元素將貫徹整個網站,且為使用者提供流暢、一致且美觀的使用體驗。

設計成果

簡單且特別的排版

透過在最主要的區域凸顯最新的文章,使用者可以輕鬆享受最新的內容。此外,透過調整設計排版與文章的呈現方式,我也為使用者提供了一個精緻與優雅的閱讀體驗。

沈浸的閱讀體驗

當使用者在頁面上滾動時,頂部的紅色進度條將會提示使用者還剩多少內容。我也在頁面左側設計了複製網址、切換字串與播放語音的按鈕。為了讓讀者有更沈浸的體驗,我也同時在頁面底部設計了一個語音播放的元件。透過這些簡單且有效的設計,我希望創造一個更有趣和愉快的閱讀體驗。

實際網站 - 試試看吧!

En
繁中