Web制作と各種デザインを手がけるX-Designの公式サイトです。ブランドやサービスの“らしさ”を丁寧に汲み取り、「あなたの『顔』になるデザイン」を目指す姿勢を示しています。

制作事例やお客様の声も掲載。無料相談フォームから気軽に問い合わせできる導線を用意し、公開後の更新や運用も含めて継続的に伴走する体制を整えています。

制作開始

コーポレイトサイト

私たちのホームページは、流行に左右されないシンプルを軸に設計し、時代が変わっても飽きのこないデザインに仕上げました。

当社のイメージカラーである青を基調とし、ロゴに使用しているパズルのピースを要所にあしらうことで、統一感と遊び心をプラスしています。

自己紹介ページは、親近感を持って読んでいただけるよう、ユーモアを交えたRPGキャラクター調で構成し、つい読み進めてしまう仕掛けを取り入れました。

また、アイコンなどの要素はシンプルなイラストを用いることで、全体の雰囲気に自然に調和させています。

名刺

スタイリッシュな印象を軸に、夫婦で運営していることが一目で伝わる「ペアデザイン名刺」として設計。

表面はそれぞれの役割に合わせてトーンを変え、裏面はロゴを主役に据えたミニマルレイアウトで統一感を持たせています。

それぞれの名刺は共通のグリッドと余白設計でブランドの一貫性を担保しつつ、色調・濃淡で役割の違いを意識してデザインしています。

ロゴ

パズルのピースをモチーフに、「クライアントと私たちが力を合わせて初めて完成する」共創の姿勢を表現しました。噛み合う“欠け”は、相手の課題に私たちの力がぴたりとフィットしていく伴走のプロセスを示しています。

造形は角をやや丸めたシンプルなシルエットに整え、スモールサイズでも崩れない視認性を確保。社名「X-Design」に水平ラインを通し、設計図の基準線／プロジェクトの導線を連想させる仕掛けをしています。

カラーは誠実さと信頼感を伝えるブルー × ネイビーの2トーン。明度差で十分なコントラストを持たせ、単色・反転でも成立する配色を意識しました。

リッチメニュー

シンプルで迷わず使える構成を意識し、主要アクションをひと目で選べるように整理しました。各項目には意味の分かりやすいアイコンを添えて視認性を高め、ラベル表記とコントラストで可読性を確保しています。

軽いエフェクトで「押せる」手応えを演出するとともにコントラスト設計で誤タップを防止。初めてのユーザーでも直感的に操作できるリッチメニューを意識しました。

最後に

このサイトは、私たちの合言葉「あなたの顔になるデザインを」を体現した実例です。情報設計・コピー・写真・画面の見た目と使い勝手を一から磨き直し、はじめての方にも“どんな会社で、何を頼めるか”が一目で伝わる構成にしました。

公開して終わりではなく、実績の追加や導線の検証を継続し、得られた学びをそのままお客様のプロジェクトへ還元していきます。