住まいの困りごとは、片付けとリフォームのように別々の会社へ相談することが多く、依頼する側が窓口を探すところから始めなければなりません。東京都江東区に拠点を置く合同会社TAGLOのコーポレートサイトは、その負担を減らそうとする姿勢を、文章だけでなくデザインそのもので伝えている点に特徴があります。
結論から述べますと、このサイトはネイビーとゴールドという2色の役割をはっきり分け、明朝体の見出しで落ち着いた空気をつくりながら、行動につながる要素だけを浮かび上がらせる構成になっています。片付けからリフォーム、空き家の活用までを扱う会社の幅広さを、情報を詰め込みすぎずに見せている点が見本として参考になります。
この記事では、ファーストビューから最下部までのフルページを確認しながら、配色、タイポグラフィ、レイアウト、導線の設計を順に読み解いていきます。
ファーストビューとヘッダーが担う最初の印象
縦に長いページであっても、読者の判断はほとんど最初の一画面で決まります。ここでは、ヘッダーの構成、背景写真の処理、見出しとボタンの関係という3つの視点から、開いた瞬間に何が伝わるのかを確認していきます。
ロゴと3項目に絞ったナビゲーション
画面上部には白いヘッダーが置かれ、左端にネイビーの正方形タイルへ収めたロゴがあります。宝石のような多角形のシンボルと英字を組み合わせた形で、その右側に社名が太いゴシック体で並びます。社名の上には読みが小さなカタカナで添えられており、初めて訪れた読者にも名前が伝わるよう配慮されています。
ナビゲーションは会社概要、施工事例、お問い合わせの3項目だけに絞られています。右端には電話番号が青みのある太い文字で大きく置かれ、その下に営業時間が小さく添えられています。項目数を抑えたことで電話番号が相対的に強く見え、最初の画面から連絡手段がはっきりと示されます。
夕暮れの住宅写真と青いオーバーレイ
背景には、大きな樹木と芝生に囲まれたモダンな住宅が、日の落ちかけた時間帯の光の中で写っています。室内には暖色の照明がともり、ガラス越しに暮らしの気配が見える写真です。その上に青みの強いオーバーレイが重ねられ、画面全体がネイビー寄りのトーンへ統一されています。
写真をそのまま見せず一段沈めているため、白い文字の可読性が保たれ、同時に静かな高級感が生まれています。片付けや遺品整理という繊細な相談を扱う会社として、明るく賑やかな見せ方ではなく落ち着きを選んだ判断が読み取れます。
明朝体の3行見出しとゴールドのボタン
見出しは白い明朝体で3行に分けて組まれ、行を追うごとに扱う範囲が広がっていく流れになっています。文字は大きめですが、字間と行間にゆとりがあるため圧迫感がありません。
その下に数行の説明文が続き、左下にはゴールドの角丸ボタンが1つだけ置かれています。この画面でゴールドが使われるのは、見出しの上にある小さなリード文とこのボタンに限られており、視線は写真から見出し、説明文を経て自然にボタンへ着地します。入口を1つに絞る潔さが、迷いの少ない導線をつくっています。
配色とタイポグラフィがつくるトーン＆マナー
このサイトの落ち着いた印象は、感覚ではなく色と書体の役割分担によって支えられています。使われている色数と、書体の使い分けの基準を具体的に見ていきます。
面はネイビー、点はゴールドという役割分担
ネイビー（およそ #1a2b3d）は、ロゴのタイル、ご利用の流れの区画、最下部の呼びかけ、フッター、そして写真に重ねるオーバーレイに使われています。対してゴールド（およそ #d4a853）は、セクションの英字ラベル、サービスの連番、流れを示す数字、そしてボタンに使われています。
広い面をネイビーが担い、小さな点をゴールドが担うという分け方が最後まで守られているため、読者はゴールドを見つけるだけで次に触れる場所を判断できます。背景のオフホワイト（およそ #faf8f4）と合わせて実質3色へ絞り込まれている点も、統一感につながっています。
明朝体とゴシック体の使い分け
日本語の大見出しとセクション見出しは明朝体で、説明文はゴシック体で組まれています。明朝体は縦画と横画に強弱があるため、写真の上に載せても品のある表情を保ち、住まいという生活に近い題材に落ち着きを与えています。
一方で説明文にゴシック体を使うことで、文字が小さくなる場所でも読み取りやすさが確保されています。英字のラベルは字間を広げた大文字で置かれ、日本語見出しの前置きとして働きます。読ませる文字と場を整える文字が、はっきり分かれています。
4つのサービスを同じ型で並べる情報設計
扱う領域が広い会社ほど、紹介が長くなり読者が全体像を見失いがちです。このサイトがどのように守備範囲を整理し、読者の疑問を先回りしているのかを確認します。
2列2段のカードグリッドと連番ラベル
サービス紹介は、上に写真、下にテキストという同じ型のカードを2列2段で並べる形をとっています。各カードにはSERVICE 01からSERVICE 04までの連番がゴールドで振られ、その下に明朝体のサービス名、細い文字の補足行、ゴシック体の説明文が続きます。
片付け業務、住宅リフォーム、リフォームコンサルティング、空き家の収益化業務という性質の異なる4つが、同じ枠と同じ文字量で扱われているため、優劣ではなく並列の選択肢として読めます。写真もそれぞれの現場を示す内容で、説明文を読む前に扱う範囲が伝わります。
強みと質問を先回りして置く構成
サービスの下には、3枚のカードで強みを示す区画が続きます。アイコンを中央に置き、見出しと短い説明を添えるだけの構成で、1枚あたりの情報量が意図的に抑えられています。
さらに下では、よく寄せられる質問を3つ横並びにしたアコーディオンが置かれています。質問の右側に開閉を示す矢印があり、対応エリアや空き家の活用といった疑問を、ページを離れずに確認できる形にまとまっています。問い合わせの前に生じる迷いを、同じ画面の中で解消させようとする設計です。
縦のリズムと最下部までの導線
長い1枚ページでは、どこで話題が変わったのかを読者に伝える工夫が欠かせません。このサイトが区切りをどう表現し、最後にどのような導線を用意しているのかを見ていきます。
背景色の切り替えでセクションを分ける
このサイトは罫線をほとんど使わず、背景色の切り替えと余白の広さだけでセクションを区切っています。オフホワイトと白がゆるやかに交互に現れ、終盤の流れの区画と呼びかけでネイビーへ切り替わります。
色が変わることで、読者は話題が移ったことを感覚的に理解できます。とくにネイビーの面は縦に長いページの終盤へまとめて置かれているため、締めくくりに向かう合図としても働いています。
流れの図と最下部の相談導線
ご利用の流れは、ネイビーの背景に4枚のカードを横並びにして示されています。ゴールドの明朝体で組まれた01から04までの数字が視線の足がかりになり、問い合わせから現地での確認、提案、作業の実施までが一列で追えます。
ページの最後には、建物写真にネイビーを重ねた区画があり、白い明朝体の呼びかけと、ゴールドの大きなボタン、その下に電話での相談先を示すテキストが置かれています。ファーストビューと同じ配色へ戻すことで、ページ全体が一周した印象になり、相談への入口が最後にもう一度差し出されます。フッターはネイビーの4カラムで、サービス、会社情報、問い合わせの窓口が整理されています。
遺品整理や不用品回収を探す読者から見た読みやすさ
デザインの良し悪しは、想定される読者の状況と切り離しては判断できません。ここでは、整理や回収の相談先を探す読者の視点から、この構成がどう働くのかを考えます。
短い滞在で全体像が伝わる構造
江東区で遺品整理や不用品回収を検討する方は、故人の思い出や家族の事情に向き合いながら、限られた時間の中で判断を重ねることになります。そのためサイト側には、何を頼めるのか、どこまで対応するのか、どのような手順で進むのかを短い滞在時間で伝える力が求められます。
合同会社TAGLOのサイトは、この要件を写真とカードの型、そして流れを示す図で満たしています。文章を読み込まなくても扱う範囲と進み方が把握できる構造は、同じように整理や回収を扱う事業者のサイトでも応用が利く考え方です。
対応する地域と質問への回答を先に示す
質問への回答をページ内へ置き、対応する地域を明示している点も、連絡する前の判断材料として役立ちます。質問の区画には、都内23区に加えて埼玉県、千葉県、神奈川県の一部地域へ対応すると記載されており、江東区を含む東京都内で相談先を探す読者が、条件を確かめたうえで連絡できます。
相談を受け付ける手段も、ヘッダーの電話番号、最下部のボタン、フッターの窓口と、ページの上中下へ分散して置かれています。読者がどこまで読み進んだ時点で気持ちが固まっても、その場から次の行動へ移れる配置です。
まとめ：住まいの再生を落ち着いたトーンで伝えるコーポレートサイト
合同会社TAGLOのコーポレートサイトは、ネイビーとゴールド、そして明朝体という限られた要素を丁寧に使い分けることで、片付けからリフォーム、空き家の活用までを扱う会社の幅広さを、散らかった印象にせずまとめています。広い面と小さな点で色の役割を分け、同じ型のカードでサービスを並べ、終盤をネイビーで締める組み立ては、扱う領域が多い事業者のサイトづくりにそのまま参考になります。
サイトを運営する合同会社TAGLOは東京都江東区大島に所在し、代表を田口 芳郎様が務めています。会社概要には、東京商工会議所江東支部と一般財団法人遺品整理士認定協会に所属していることが記されており、サイト全体の落ち着いたトーンは、こうした姿勢とも重なって見えます。
デザインの見本としてはもちろん、生前整理や遺品整理の相談先を探す視点でも、実際の画面を見ていただくと理解が深まります。東京都で遺品整理から住まいの再生までを一社に相談できる合同会社TAGLOの公式サイトで、配色と導線の組み立て方を確かめてみてください。
