01
INFORMATION ARCHITECTURE
主要4画面の情報と導線を整理
HOME・OEM事業・オハナのこだわり・お問い合わせの4画面をワイヤーフレーム化。企業の背景から事業内容、強み、問い合わせまでを順に理解できる構成を検討しました。
DESIGN PROCESS
完成画面だけでなく、情報を整理したワイヤーフレームと、Figma上で検討した表現・インタラクションを掲載しています。
Figma制作資料を見る(閲覧のみ)
01
INFORMATION ARCHITECTURE
HOME・OEM事業・オハナのこだわり・お問い合わせの4画面をワイヤーフレーム化。企業の背景から事業内容、強み、問い合わせまでを順に理解できる構成を検討しました。
02
HOME DESIGN
茶葉と水滴の写真を主役に、深い緑と余白で落ち着きのある世界観を設計。コピーの反復や縦書きを使い、伝統を守りながら新しい市場へ進む姿勢を表現しました。メニューやCONTACTボタンのホバー時もFigma上で検討しています。
03
OEM PAGE
OEM事業の価値を「企画力・原料調達力・生産力・品質管理」の4つに整理し、発注から納品までの流れをカード形式で設計。専門的な内容でも相談後の進行をイメージできるページ構成にしました。
完成デザイン / HOME
完成デザイン / OEM事業