Hanami Soramoto

ディレクション
UI/UXデザイン
ブランディング
STUDIO実装
[1]
Overview
イラストレーター空元はなみ氏のポートフォリオサイトにおける、ブランディング、UI/UXデザイン、STUDIO実装を担当。「辞書を引く」というコンセプトを軸に、数々のアーカイブを直感的に探索できるインデックス機能の実装と、作品の世界観を鮮明に伝える視覚環境の構築を目指しました。
[2]
Goals
イラストの色彩を最大限に引き立てるため、UI要素を極限まで削ぎ落としたミニマルなレイアウトを追求。カテゴリやキーワードによる辞書的な検索機能を備え、ユーザーが目的の作品に素早く到達しつつ、偶然の出会いも楽しめる導線設計。イラストレーターの個性を辞書というメタファーで視覚化し、独自のメディアとしてのユニークさを確立。
[3]
Insights
作品に多く見られる原色やパステルカラーの彩度を際立たせるため、補色関係に近い彩度を抑えた群青色を背景色に採用。視覚的な疲労を軽減しつつ、画面全体に奥行きと静穏さを与え、鑑賞に没頭できる環境を設計しました。
[4]
Outcome
作品が全面に強調される構成により、アクセスした瞬間にブランドの核心を伝えるUXを実現。特に、コンセプトを体現した検索機能や独自のフォーム演出は機能性と遊び心の高度な融合として高い評価を得ました。更新性の高いCMS設計により、作家自身によるアーカイブの即時反映と、長期的なポートフォリオ運用を可能にしています。



Hanami Soramoto

ディレクション
UI/UXデザイン
ブランディング
STUDIO実装
[1]
Overview
イラストレーター空元はなみ氏のポートフォリオサイトにおける、ブランディング、UI/UXデザイン、STUDIO実装を担当。「辞書を引く」というコンセプトを軸に、数々のアーカイブを直感的に探索できるインデックス機能の実装と、作品の世界観を鮮明に伝える視覚環境の構築を目指しました。
[2]
Goals
イラストの色彩を最大限に引き立てるため、UI要素を極限まで削ぎ落としたミニマルなレイアウトを追求。カテゴリやキーワードによる辞書的な検索機能を備え、ユーザーが目的の作品に素早く到達しつつ、偶然の出会いも楽しめる導線設計。イラストレーターの個性を辞書というメタファーで視覚化し、独自のメディアとしてのユニークさを確立。
[3]
Insights
作品に多く見られる原色やパステルカラーの彩度を際立たせるため、補色関係に近い彩度を抑えた群青色を背景色に採用。視覚的な疲労を軽減しつつ、画面全体に奥行きと静穏さを与え、鑑賞に没頭できる環境を設計しました。
[4]
Outcome
作品が全面に強調される構成により、アクセスした瞬間にブランドの核心を伝えるUXを実現。特に、コンセプトを体現した検索機能や独自のフォーム演出は機能性と遊び心の高度な融合として高い評価を得ました。更新性の高いCMS設計により、作家自身によるアーカイブの即時反映と、長期的なポートフォリオ運用を可能にしています。



Hanami Soramoto

ディレクション
UI/UXデザイン
ブランディング
STUDIO実装
[1]
Overview
イラストレーター空元はなみ氏のポートフォリオサイトにおける、ブランディング、UI/UXデザイン、STUDIO実装を担当。「辞書を引く」というコンセプトを軸に、数々のアーカイブを直感的に探索できるインデックス機能の実装と、作品の世界観を鮮明に伝える視覚環境の構築を目指しました。
[2]
Goals
イラストの色彩を最大限に引き立てるため、UI要素を極限まで削ぎ落としたミニマルなレイアウトを追求。カテゴリやキーワードによる辞書的な検索機能を備え、ユーザーが目的の作品に素早く到達しつつ、偶然の出会いも楽しめる導線設計。イラストレーターの個性を辞書というメタファーで視覚化し、独自のメディアとしてのユニークさを確立。
[3]
Insights
作品に多く見られる原色やパステルカラーの彩度を際立たせるため、補色関係に近い彩度を抑えた群青色を背景色に採用。視覚的な疲労を軽減しつつ、画面全体に奥行きと静穏さを与え、鑑賞に没頭できる環境を設計しました。
[4]
Outcome
作品が全面に強調される構成により、アクセスした瞬間にブランドの核心を伝えるUXを実現。特に、コンセプトを体現した検索機能や独自のフォーム演出は機能性と遊び心の高度な融合として高い評価を得ました。更新性の高いCMS設計により、作家自身によるアーカイブの即時反映と、長期的なポートフォリオ運用を可能にしています。










