デザイン参考
暖かいベージュ地に、粒状の質感を持つピンクの円錐、青緑の円柱、黄色い放射形、青い花のような立体と細いワイヤーの図形を重ねる。傾いた写真の断片と小さな人物のイラストを添え、左下に Good Design, Good Experience と大きな Shake, Create an experience.、青い英文の説明。上にロゴと英語ナビゲーション、資料ダウンロード、黒い問い合わせボタンを収めた曇りガラス風のピル型ヘッダー、その下の右側に動きのオン・オフ切り替え、左下に ENGLISH の言語切り替え
ベージュ地に大きなグロテスク体の Works と、青い Website production experience のピル。太い枠線のある角丸カードを三つ並べ、制作実績のサムネイルと英語の説明を収める。上端に UX Design、Usability などの文字を添えた点線の円形図が一部見える
画面いっぱいのロイヤルブルー地。左に粒状の黄色・シアン・コーラルの立体ブロックと小さな人物のイラスト、その下にも質感のあるブロックを配置。右に小さな英語ラベルと大きな英語見出し、短い説明、点線の区切り、丸い矢印ボタンを並べ、Web marketing support、Web Accessibility Support、Search by customer issue、Raising awareness、Attracting customers が見える
ベージュの企業情報ページに、大きなグロテスク体の Company と青い企業情報のピル。上に日本語ナビゲーション、資料ダウンロード、お問い合わせを置き、右上に粒状の黄色い放射形と青緑の円錐、ワイヤーフレームの立方体を縦に並べる。下に Company Profile / 会社概要、CEO message / 代表メッセージ、Member / メンバー紹介の白い角丸リンクカードと丸い矢印

REFERENCE

depart|株式会社デパート

サイトを見る
日本語/タイポグラフィ/イラスト/モーションdepart-inc.com

株式会社デパートのサイト。暖かいベージュと鮮やかなロイヤルブルーを切り替え、大きなグロテスク体の見出しに、粒状の立体イラストと細いワイヤーの図形を重ねる。

depart の第一画面は、暖かいベージュ地に、粒状の質感を持つピンクの円錐、青緑の円柱、黄色い放射形、青い花のような立体を散らす。細いワイヤーの図形に、傾いた写真の断片と漂うような小さな人物のイラストを重ねる。上に浮く曇りガラス風のピル型ヘッダーには、depart のロゴと英語のナビゲーション、Download Documents、黒い問い合わせボタンを収め、その下の右側に動きのオン・オフ切り替えを置く。左下には小さな「Good Design, Good Experience」と、大きなグロテスク体の「Shake, Create an experience.」。デザインと表現でブランドづくりを支えるという青い英文を添え、左下に ENGLISH の言語切り替えを置く。同じベージュ地の Works では、大きな見出しと青い Website production experience のピルの下に、太い枠線のある三つの角丸カードを並べ、実績のサムネイルと英語の説明を見せる。

この画面を残しているのは、粒状の立体と大きな文字で表情をつくりながら、情報の入口をピルとカードで揃えているからだ。サービスの画面では背景を鮮やかなロイヤルブルーへ切り替え、左に黄色・シアン・コーラルの立体ブロックと小さな人物のイラストを置く。右には小さな英語ラベル、大きな英語見出し、短い説明を重ね、点線の区切りと丸い矢印で行を揃える。Web marketing support や Web Accessibility Support に続き、Search by customer issue と Raising awareness、Attracting customers が見える。日本語の企業情報ページはベージュ地に戻り、大きな Company と青い企業情報のピル、黄色い放射形と青緑の円錐、ワイヤーフレームの立方体を配置。白い角丸カードでは Company Profile、CEO message、Member を小さく置き、その下に会社概要、代表メッセージ、メンバー紹介を添え、丸い矢印を共通の目印にする。flenteが画面を組むときも、大きな見出しと質感のあるモチーフに面積を渡し、背景色で節を切り替え、ラベルと矢印の位置を揃えて情報への入口を読み取りやすくする。

相談