SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 国内

EIGHT DESIGN

大きな英字と手描きの表情で、暮らしを楽しむ姿勢を伝える建築・デザイン会社。

公式サイトを見る ↗
公式サイト / 掲載確認用
EIGHT DESIGNの公式サイト画面

DESIGN NOTES

このサイトの設計を読み解く。

01

黒い大文字にオレンジの手書きを重ねる

冒頭ではDELIGHT LIFESTYLE DESIGNという大きく太い黒い文字に、オレンジの筆記体を重ねる。整った大文字と走り書きのような線の差が、設計の力強さと遊び心を同時に見せる。理念の文章を小さく置くのでなく、文字そのものを画面の主役にしている。

02

目と手のイラストで堅さをほどく

大きな文字の間に目や親指を立てた手のイラストが入り、建築会社の紹介に親しみやすい表情を加える。背景は白く、色数を抑えるため、イラストが情報の邪魔になりにくい。会社が相談相手としてどんな雰囲気かを、長い自己紹介より先に伝える方法だ。

03

斜めの写真帯で実空間へつなぐ

初期画面の下部には建物や内装の写真を斜めに並べた帯が入り、文字中心の構成から実際の空間へ視線を移す。ロゴは左上、InstagramとMENUは右上にまとめられ、写真とコピーの領域を広く取る。実績の入口を抽象的な理念のすぐ近くに置いている。

04

建築を地域の活動まで広げて説明

公開テキストでは住宅だけでなく商業施設、飲食、福祉、まちづくりまで活動範囲を示している。「地域を応援する」という立場を、異なる分野の仕事に結び付ける説明だ。扱う業務が広い会社でも、共通の目的を先に言葉にすると一覧が散らばりにくい。

05

自社運営の経験をサービスへ接続

自社で事業を運営し、そこで得た経験を共有する考え方も公開テキストに含まれる。設計を納めて終える仕事だけでなく、使い続ける現場への関心を説明する材料になる。各サービスの詳細に進む前に、経験がどのような提案につながる会社かを示している。

APPLY TO YOUR PROJECT

自分の制作に取り入れるなら

会社の姿勢を表す短いコピーを大きな文字にし、写真とイラストで具体性と親しみを補える。多分野のサービスは共通する目的を先に示すと理解しやすい。

そのまま真似する前に

今回の画像確認は読み込み完了後の冒頭を中心としており、下層の視覚表現まで確認済みとはしていない。動きのある大きな文字は読込時間やスマートフォンでの可読性も別途検証したい。

次に見ておきたい参考

一覧へ →
EIGHT DESIGNの公式サイト画面