色にこだわったデザインが美しい海外のホームページ
株式会社TREVOのブログは、Web制作の現場で日々奮闘しているスタッフが、企画・デザイン・開発・SEO・運用まで幅広いテーマで執筆しています。
「分かりやすく、役に立つ」ことをモットーに、ホームページ制作や運営のヒント、トレンド情報、日々の気づきを発信中です。大阪を拠点に、全国のお客様と向き合いながら培った現場目線のノウハウを、実体験ベースでお届けします。
初めてホームページ制作をご検討の方から、リニューアルや集客強化を考えている方まで、何かヒントになる情報があればうれしいです。
記事へのご質問やご相談も、お気軽にお問い合わせください。
執筆記事：記事一覧ページ
2005年から WEB 業界一筋。500サイト超を手がける SEO・WordPress のエキスパート。「公開後こそ本番」を掲げ、データ分析とユーザー視点で成果を引き出す運用を提案。
2005年に制作会社へ入社後、プログラマーからキャリアをスタート。サーバー構築・データベース設計で培った技術を強みに、WordPress テーマ／プラグイン開発やサイト移行の難案件を多数担当してきました。
2010年以降は SEO エンジニアとしても活動領域を拡大。コンテンツ設計・内部リンク最適化・高速化チューニングにより、競合の激しいビッグキーワードで上位獲得を実現してきました。
現在は TREVO のウェブディレクターとして、要件定義から運用改善まで一気通貫でリード。AI ライティングや GA4／Looker Studio を活用したレポーティング手法を開発し、「数字で説明できるサイト運用」をポリシーにクライアントの ROI 最大化を支援しています。
趣味／強み：筋トレとランニングで日々の集中力をキープ。複雑な課題を“仕組み”で解決するのが得意。
モットー：「サイトは資産。改善を止めた瞬間から価値は目減りする」
SNS:x（旧 Twitter）@TREVO_WEB
ホームページ制作をしていると、海外のサイトを参考にする事も多いです。
海外のサイトと日本のサイトで大きく違うのは文字の使い方です。
デザインで難しいのが、日本語の文字間隔とローマ字での文字間隔の違いで、文字の大きさ等の調整も必要になってきます。
それでも、海外のホームページのデザインや技術は凄く参考になるので、日々チェックしています。
hookooekoo.co
色の使い方とフォントの配置が美しいサイトです。
ホームページをスクロールダウンしていくと、背景色が徐々に変わっていくのが綺麗で、背景色は色が濃すぎず、黒と白の文字が読みやすい色を使用しているのも凄く考えられてデザインされているのが素晴らしいです。
yourprimer
アプリの4つの機能を4色・4ページに分けて簡潔に機能紹介をしているウェブサイトです。
こちらのサイトの背景に使用されている小物の色も背景色に統一されているのですが、小物の位置がブラウザのサイズによって移動する様になっており、4Kのモニタで全画面表示しても綺麗に表示されています。
4Kモニタで全画面表示してホームページを観る事は無いのですが、このサイトは全画面表示してみたくなるデザインでした。
fakemusic.fr/FM008
音楽を視聴できるウェブサイトです。
マウスをスクロールする事で、アルバムが代わる仕組みになっていて、こちらのサイトもアルバムと背景色にこだわり写真を撮影しています。
色と写真、文字でホームページ全体の印象が大きく変わるという事が分かるデザインです。
bylarm.no
黄色と赤に拘ったデザインのサイトです。
黄色はデザインをする時にあまり使いたくない色ではあります。
ここまで明度を下げていれば問題無いのですが、モニタによっては見づらくなるので色の組み合わせが難しいが理由です。
その黄色をふんだんに使用し、インパクトのあるデザインとなっています。
まとめ
ホームページを色からの視点でみてみるのも面白いですよね。
ローマ字を使ったウェブサイトの特徴として、文字間隔と余白の調整がしやすいという利点があるように感じました。
日本語には日本語の利点があるので、デザインでの表現方法を駆使する事で綺麗なサイトを制作する事が出来ます。
美しいウェブサイトをみるのは楽しいです。
大阪のホームページ制作会社TREVOでは、最短2日で仮サイトを公開できるスピード対応や、SEO対策に強いオリジナルデザインの制作サービスを提供しています。
