HOW
動態故事敘述
創造豐富的
數位體驗
SCOPE OF WORK
- UI/UX設計
- 線框設計
- 視覺設計（字體設計・動態圖形）
- 前端實作
- 內容設計・編輯指導
網站是一個特殊的平台，能夠統合運用照片、影像、動態圖形、字體設計、3D表現等所有媒體。此外，還可以進行接近應用程式的高階UI/UX設計，從資訊發布到與使用者的溝通，再到體驗創造，都能全面承擔，可以說是最重要的品牌塑造管道之一。
網站的角色不僅僅止於提供資訊。透過高解析度地表現品牌所擁有的世界觀和概念，能夠產生使用者的共鳴，提高與品牌的參與度。
透過最大限度地運用標誌動效、畫面轉場動畫、精緻的字體設計等網頁特有的「動態表現力」，能夠讓品牌或專案想要傳達的訊息觸動使用者內心，在線上提供豐富的體驗。
此外，由於網站和應用程式是自由度極高的表現媒體，「應該傳達什麼」這種編輯性觀點也不可或缺。透過精密構築設計、內容編輯、體驗設計，不僅僅是美觀，還能確保適當的資訊確實傳達給使用者，產生共鳴，引發具體行動的網站・應用程式得以實現。
SCOPE OF WORK
- UI/UX設計
- 線框設計
- 視覺設計（字體設計・動態圖形）
- 前端實作
- 內容設計・編輯指導
PROCESS
NOSIGNER的
設計流程
需求定義
期間：1個月左右
整理專案目的、想要傳達的訊息、必要功能、內容構成等，明確化網站的整體樣貌。在此階段製作網站地圖和功能清單，防止認知偏差的同時，確立具體的設計方針。
SCOPE OF WORK
- 聽證／訪談
- 競爭對手調查・基準分析
- 網站地圖設計
- 功能需求整理
線框圖
期間：1～2個月
基於需求定義，將結構設計與畫面設計以線框圖的形式視覺化呈現。NOSIGNER的線框圖從按鈕配置到字體排版處理都經過細緻設計，其特色在於能夠具體且清晰地呈現最終設計的完成形態。
SCOPE OF WORK
- 結構化UI設計
- 內容優先度的整理
- 動作方案的設計
設計
期間：2～4個月
基於線框圖，結合動態圖形、色彩、字體設計、互動效果等元素，設計Web體驗的細節。製作完整度極高的設計，充分表現品牌的世界觀。
SCOPE OF WORK
- 原型製作
- 語調與風格設計
- 動效設計・UI動畫
編程
期間：2～3個月
以設計為基礎，使用HTML／CSS／JavaScript等技術實作前端。如有需要，也可對應WordPress等的導入、後端功能的建構。
SCOPE OF WORK
- 前端／後端開發
- CMS的導入（視需要而定）
- 動畫和互動功能的實現
- 各種瀏覽器・裝置驗證
公開準備
期間：依畫面數而變動
正式上線前，會在測試伺服器上進行動作確認、文章及連結檢查、SEO設定、Google Analytics導入等作業。經過最終確認後，透過網域設定和伺服器上傳，轉移至正式公開。
SCOPE OF WORK
- 除錯・UI檢查
- 網站速度・SEO對應
- 網域／SSL／伺服器設定
- 正式環境發布
營運支援
期間：面議
公開後，我們也能基於訪問分析提出UX改善建議，或持續支援新內容的增加、UI修正等工作。在營運階段中，培育網站成長的視角是很重要的。
SCOPE OF WORK
- 存取分析（GA4等）
- 使用者回饋的收集・改善提案
- 內容新增／更新
DESIGN CASES
“
Evolutional Creativity – Eisuke Tachikawa