デザイン参考
白地の左上に太い黒の小文字で stans、上中央に小さな Designing since 2015 と (JPN) FUK / TYO、時計の時刻、右上に輪郭線の丸い「…」ボタン。開いたメニューには薄いグレーの (Menu) と (Contact) のラベルを添え、スタンスの強み、制作実績、提供サービス、制作フロー、料金、会社案内、採用情報や問い合わせ先を小さな文字のグリッドで並べる。左に受託デザインと自社事業の企画・制作・運用を担うという説明。下には淡い空色のぼけた写真の帯が始まり、半透明のカードに細く大きな「この」の文字の一部が浮かび始める
左に新緑の木々の下を歩く学生たちの大きな写真、右に白い余白。学院創立140周年にブランドコピー、イメージビジュアル、公式Webサイト、大学案内などを刷新したという説明と「福岡女学院大学 ブランディング・各種クリエイティブ制作」の小さなラベル。右下には暗い商品写真の黒いタイルが一部見え、実績を段違いに並べる。右上に丸い「…」ボタン、右下に白い点を添えた黒いピル型の「制作のご相談・お見積り」ボタン
チャコールグレー地に「ブランド戦略設計から制作まで一貫してご対応します。」で終わる見出しと、受託制作実績、自社の店舗開発・運営・マーケティング経験、CG・イラスト・撮影のパートナーについての説明。黒い点を添えた白い長方形の「お問い合わせ」ボタン。下は左に赤いフレームの椅子と水盤のあるホテルのテラス写真、「都心からほど近くに、大自然。」の縦書きと NATUREHOOD のロゴ。右に Branding とブランディング、思想や価値の定義と表現についての説明、細い罫線と白い点を添えた「サービス詳細」「プロジェクト一覧」。右下に固定の黒い相談ボタン
上端に森、夕景、鮮やかな緑の小さなサムネイルが並び、広い白い余白の下に大きな角丸の暗いカード。左に白い大きな Contact Us と「まずはご相談ください」、依頼内容が固まっていない段階からの相談や、単体の制作、会社や事業全体のブランディングに対応するという文章。下端には白いボタンが一部見える。右半分にスタイラスでタブレットに描く手元の写真を暗く重ね、背景へ溶け込ませる

REFERENCE

stans|株式会社スタンス

サイトを見る

株式会社スタンスのサイト。静かな白地に太いロゴと小さな文字のグリッドを置き、大きな実績写真を段違いに見せる。サービスと相談の入口は暗い面へ切り替え、点を添えたボタンでつなぐ。

stans の第一画面は、白地の左上に太い黒の小文字のロゴを置き、上中央に小さな Designing since 2015 と (JPN) FUK / TYO、時計の時刻を添える。右上には輪郭線の丸い「…」ボタン。開いたメニューは薄いグレーの (Menu) と (Contact) を目印に、スタンスの強み、制作実績、提供サービス、発注をご検討中の方へ、制作フロー、料金、よくあるご質問、会社案内、メンバー、受賞・掲載歴、お知らせ、採用情報、二つの問い合わせ先を小さな文字のグリッドで並べる。左には「スタンスは、クリエイションと商売の会社です。」と、受託デザインと自社事業の双方で企画、制作、運用を担うという説明。下の淡い空色のぼけた写真の帯には、半透明のカードと細く大きな「この」の文字の一部が浮かび始める。トップページの実績画像は切り替わり、記録した一場面では、新緑の下を歩く学生たちの写真を左に大きく見せ、右に白い余白を取る。福岡女学院大学の創立140周年に合わせた各種クリエイティブ刷新の説明を添え、右下には暗い商品写真の黒いタイルが一部のぞく。

この画面を残しているのは、静かな白地と小さな文字の配置で情報を整理し、実績写真へ自然に目を向けさせているからだ。サービスの画面はチャコールグレーへ切り替え、ブランド戦略設計から制作までの対応と、受託制作や自社の店舗開発・運営・マーケティングの経験を伝える。赤いフレームの椅子と水盤のあるテラス写真に、縦書きの「都心からほど近くに、大自然。」と NATUREHOOD のロゴを重ね、右には Branding と説明、細い罫線で区切った「サービス詳細」「プロジェクト一覧」を置く。下部は小さなサムネイルの列から広い白い余白を挟み、角丸の暗い Contact Us のカードへつなぐ。右半分のタブレットに描く手元の写真を暗く溶かし、依頼内容が固まる前から相談できるという文章を読ませる。白い長方形の問い合わせボタンやリンクには点を添え、右下には白い点のある黒い相談のピルを固定する。flenteが画面を組むときも、白い余白と小さな文字のグリッドで入口を整え、サービスと相談は暗い面で節をつくり、点の目印と固定の相談ボタンを揃えて次の行動へつなぐ。

相談