茨城県阿見町に本社を置く株式会社リザムの公式サイトは、買取と遺品整理という事業の輪郭を、色と余白の使い方だけで伝えているサイトです。画面を開くと深い緑が視界いっぱいに広がり、その中央に金色の細い線で描かれたロゴが浮かび上がります。
この記事では、株式会社リザムのサイトをWebデザインの見本として取り上げます。ファーストビューの組み立て、セクションの型、表とカードによる情報整理、そして問い合わせまでの導線という順番で、実際の画面から読み取れる工夫を整理していきます。
深い緑とゴールドで落ち着きを作るファーストビュー
このサイトの第一印象は、背景に敷かれた深い緑と、差し色として使われたゴールドの組み合わせで決まっています。派手さで引きつけるのではなく、静かに落ち着かせる方向へ振り切った配色になっていて、大切な品物を預かる事業との相性がよく考えられています。
面で見せる深緑と、うっすら重ねた曲線の装飾
画面の最上部から続く緑は写真ではなく単色の面で、その上に背景と明度の近い細い曲線がうっすらと重ねられています。輪郭がはっきりしない装飾なので、文字の読みやすさを邪魔せず、それでいて平坦になりすぎない奥行きが生まれています。
中央には、三つの点と中心を線で結んだ金色のシンボルが置かれています。線だけで構成された軽いマークなので、緑の面に対して主張が強くなりすぎず、その右側に並ぶ社名の表記とも自然につながっています。
明朝体の見出しと二つのボタンが作る視線の流れ
ロゴの下には、白い明朝体で組まれた大きな見出しが二行で置かれています。太いゴシック体ではなく明朝体を選んでいるため、力強さよりも丁寧さや情緒が前に出て、「大切なものを、次の縁へ。」という言葉が伝わりやすくなっています。
見出しの下には小さめの説明文が二行で続き、さらにその下にボタンが二つ並びます。金色で塗りつぶされた問い合わせのボタンと、白い枠線だけで作られた会社概要へのボタンという対比によって、どちらを先に押してほしいのかが一目で分かります。上から順にロゴ、見出し、説明、ボタンと文字の大きさが段階的に小さくなり、視線が自然に下へ流れていきます。
型を決めて繰り返すセクション設計
このサイトは一つひとつのセクションで見せ方を変えず、同じ型を最後まで繰り返しています。読者はページを下へ進むうちに構造を覚えるため、目的の情報を探すときの負担が小さくなります。
英字ラベルと和文見出しと短い罫線の三点セット
各セクションの先頭には、字間を広くとった小さな英字ラベルがゴールドで置かれ、その下に明朝体の和文見出し、さらに下へ短い金色の横罫線が入ります。この三つの要素の並びと余白の量が全セクションでそろっているため、画面をスクロールしても現在地を見失いません。
たとえばブログのセクションは、この三点セットと一行の説明、そして金色のボタンだけで構成されています。記事の一覧を並べずに入口をひとつに絞っていて、要素の少ない場面でも型を崩さない姿勢が全体の統一感につながっています。
明朝体とゴシック体の使い分け
見出しには明朝体、本文や項目名にはゴシック体という使い分けが、ページ全体で徹底されています。線の細い明朝体が情緒を担い、可読性の高いゴシック体が説明を担うという役割分担で、書体の種類を増やさずに強弱が付けられています。
英字のラベルは大文字で字間を広くとり、和文よりも小さく組まれています。文字を大きくして目立たせるのではなく字間と色で存在感を出しているため、和文見出しが主役の座を保ったままになっています。
背景色の切り替えで区切りを伝えるレイアウト
セクションは、深い緑、白、生成りに近いアイボリー、白、深い緑という順で背景色が入れ替わります。区切り線を引かずに色の面で場面転換を示すため、画面全体がすっきりしたまま、どこまでが一つのまとまりなのかが伝わります。
本文はいずれも中央そろえの一カラムで、左右にたっぷりと余白がとられています。要素を横に詰め込まないぶん一画面あたりの情報量は控えめですが、そのぶん読み進めるリズムが安定しています。
表とカードで整理された会社と店舗の情報
会社の情報と店舗の情報は、それぞれ表とカードという違う形で見せ分けられています。同じ縦並びでも役割によって器を変えることで、読者がいま何を見ているのかを取り違えにくくなっています。
角を丸めた表でそろえた会社概要
会社概要は、会社名や所在地、事業内容などの項目を縦に並べた表にまとめられています。左側の項目名の列だけ淡い緑がかった背景になっていて、右側の内容の列と一目で区別できます。
表全体の角が丸められ、影がごく薄く落とされているため、白い背景の上でも浮きすぎません。行と行の間は細い線で仕切られ、電話番号やメールアドレスには下線が引かれていて、押せる場所とそうでない文字が見分けられます。
写真を主役に据えた店舗カード
店舗の情報は、白い角丸のカード一枚にまとめられています。カードの上端は深い緑の帯になっていて、金色の小さなタグと店名が置かれ、その下に店舗の外観写真が横幅いっぱいに入ります。
写真は青空の下で撮られた実際の建物と駐車場で、どのような場所なのかが文章よりも早く伝わります。写真の下には短い説明文と、所在地・電話番号・営業時間・定休日を並べた小さな表が続き、最後に金色のボタンが置かれます。ボタンには右向きの矢印が添えられていて、押した先で地図を確認できることが分かるようになっています。
連絡手段を絞って示す問い合わせの導線
このサイトの導線は、入口をむやみに増やさず、連絡手段を絞って提示する方針でまとめられています。ページの終盤に近づくほど問い合わせの要素が大きくなり、読み終えた流れのまま行動へつながります。
アイコンを添えた二枚の連絡カード
問い合わせのセクションは深い緑の背景に切り替わり、白い見出しとゴールドの英字ラベルが映えるように作られています。その下には、背景よりわずかに明るい緑で塗られた角丸のカードが二枚、横に並びます。
左のカードには受話器、右のカードには封筒をかたどった金色のアイコンが置かれ、上に小さな説明、下に太い文字で連絡先が示されます。二枚は同じ大きさと同じ形なので優劣がなく、電話とメールのどちらでも構わないという姿勢がレイアウトから伝わります。
ナビゲーションとフッターで支える回遊
画面の上部には濃い緑の帯が置かれ、左にロゴ、右に会社概要・店舗情報・代表挨拶・遺品整理・ブログ・問い合わせという項目が並びます。項目名がページ内の見出しの言葉とそろえてあるため、どこへ移動するのかを想像しやすい作りです。
最下部のフッターは本文よりさらに濃い緑で、左にロゴ、右に住所と電話番号、その下に細い区切り線と著作権表示が入ります。情報量を絞った締めくくりになっていて、ページ全体の落ち着いた印象を最後まで崩していません。
買取と遺品整理に取り組む株式会社リザムのサイト
株式会社リザムは、茨城県阿見町に本社を構え、買取事業と遺品整理事業に取り組む会社です。買取の専門店である「買取大吉」のフランチャイズ店として、茨城県つくば市天宝喜で「買取大吉 つくば天宝喜店」を運営しており、ブランド品や貴金属、時計、切手などを取り扱うと紹介されています。
代表挨拶のページでは、代表取締役の松﨑 遼様が、社名を植物の根茎を意味する言葉に由来させたことや、地域にしっかりと根を張る存在でありたいという考えを述べています。遺品整理については、仕分けから搬出時の養生、貴重品の探索、不用品の撤去、作業後の清掃までを引き受ける流れが段階を追って示され、生前整理や部屋の片付け、出張買取にも力を入れていることが分かります。
デザインの面では、深い緑とゴールドという二色に絞った配色、明朝体の見出し、繰り返される三点セットの型、そして表とカードによる情報整理が、事業の内容と無理なく結びついています。色数を抑えた配色で落ち着いた信頼感を出したいサイトを検討している方にとって、参考にしやすい一例です。つくば市で遺品整理業者をお探しの方は、株式会社リザムの公式サイトをご覧ください。
