オレンジ・橙色を使ったホームページ・Webデザイン事例

カラフルな風船を持った写真がメインビジュアルを飾るトップページ。サイトの背景にも風船が飛ぶようなアニメーションが動いている。ヘッダーやフッターなど随所に風船の写真が掲載されており、サイト全体を通して楽しげな空気を感じられる。 グローバ...

明るくポップな色味で、フレンドリーな印象のあるサイト。トップページの「会社設立をお考えの方へ」ボタンなどは、マウスを載せると現れる光沢感のあるエフェクトが特徴的だ。 サービス紹介ページではテキストを箇条書きにする・アイコンを用いるなど...

コーポレートカラーのオレンジが暖かい印象を与えるサイト。 ロゴマークにも使用されている犬のモチーフを活かし、サイト内の随所に可愛らしいイラストを使用している。「ページの上へ」ボタンや見出しなど、隅々まで遊び心が感じられる。 フリ...

トップページでまず目に入るのは、多様な事業領域へのリンクだ。目的が明確なユーザーにとっては、情報を絞るよりも、あえて導線を全て並べる方が分かりやすいこともある。 コーポレートカラーの明るいオレンジがアイコンやボタン、テキストリンクに採...

ファーストビューはバナーがスライドする形式になっており、表示されないエリアは半透明となっている。オレンジ色を中心として様々な色を使いながらも、全体的にとてもまとまりの良いデザインとなっている。 下層ページに関しても色々細かい所まで気を...

アイコンが多用されたポップで可愛らしいホームページ。 メインビジュアルは最初表示されずに、おにぎりが転がって来て、いくつかのスライド写真が表示される仕組み。スライド写真の切り替えのアニメーションも他では見ないような特徴的な動き方をして...

「がんこクリニック」という名称含め、非常に独創的なホームページデザイン。メインビジュアルの写真は一定時間でスライドするようになっており、ウインドウ幅・高さいっぱいに広がるようになっている。 メインビジュアル含め、下部のページでも効果的...

各ページへ遷移した際の動作が面白く、随所でWebフォントを有効活用し、ほとんどの箇所を画像化せずにコーディングしている。Webフォントとはクライアント（閲覧者）側の環境に依存せずに、指定したフォントを表示させる技術で、これだけWebフォント...

中小企業に特化した税理士事務所で、メインビジュアルのビル群と売上げアップのイメージ図により、法人向けのデザインを演出している。 ベースは黒色、クリックさせたいボタンはオレンジ色で、2カラムで構成されている。かっこいいだけのホームページ...

メインビジュアルの写真はスライド形式になっており、中央に表示される文字は固定化されている。 近年、文字の白抜きと縦書きが非常に流行っており、文字の白抜きはスタイリッシュな印象を与えることができ、縦書きは他ホームページとの差別化になると...