格安ホームページ制作おてまるのデザインパターン

PATTERNS

CODE CAMP(コードキャンプ)

信頼を集める
コーポレートだけでなく、
リクルートサイトとしても
最適なレイアウト。
柔らかな雰囲気と知的なコンテンツは
安心感を与えるデザイン。

知的さ・上品さ・スタイリッシュさを感じさせるテイスト。
あえて写真の範囲を絞ることで「自ら進んで学ぶ」シーンを強調させ、ユーザーに「学ぶことへの喜びと楽しさ」を喚起させるファーストビュー。

ローディング画面のリッチなアニメーションと背景色のさり気ないグラデーションが、シンプルかつ上品な知性をサイト全体に醸し出します。

企業の求人サイトやコーポレートサイトに限らず、福祉施設や事務代行業、通信事業など様々な業種にマッチしやすいよう、学習塾や福祉施設など様々な業種にマッチしやすいよう、カスタマイズ性を重視したコンテンツは「あなただけ」のホームページに作り変えることができます。

向いているサイトイメージ

  • コーポレート
  • リクルート
  • シンプル
  • スタイリッシュ
  • やさしい
  • ホワイト
  • パープル
  • ピンク
  • イメージ画像

    タイトルとコンテンツを同時に見てもらえるよう、ブロックの右側だけをスクロールさせ読み進める構成にしています。

    ブロックに動きをつけるため、背景色をグラデーションにすることで飽きずに読み進めてしまうデザインを施しています。

  • イメージ画像

    「あなた」を伝えるために文章も大切ですが、画像が多いほど、より伝わりやすくなります。

    このブロックでは合計12枚の写真を使用し、より多く会社の内容を視覚的にアピールできます。

  • CODE CAMPのスマホデザインメージ画像

    2010年代以降、スマートフォンの普及率は国内だけでなく、世界中で圧倒的なシェアを誇るようになり、今ではサイト検索の約90%がスマートフォンで行われています。
    そこで必須なのが、どのデバイスでも見やすくする「レスポンシブ対応」です。
    CODE CAMPのスマホデザインではファーストビュー画像をPCとは違うレイアウトを採用することで、どのデバイスでも見やすいように工夫しております。

    画面右上のハンバーガーメニュー(「三」のアイコン)を追従させることで指でタップしやすいように工夫し、アイコンだけ追従にすることでスマホで閲覧する際の妨げにならないように配慮しております。

    業務内容ではイメージ画像もPCとスマホで共通画像を利用し、大きい画面サイズでは3カラム、スマホサイズだと1カラムに変更することで、表示速度の遅延を少なくしユーザーがストレスを感じにくくなるように設計しております。

    表示速度を落とさないように画像もPCとスマホで共通画像を利用することで、ユーザーがストレスを感じにくくなるように設計しております。

    CODE CAMPでは、パソコンとスマホだけでなくあらゆるデバイスで最適なコンテンツが表示されます。
    つまり、「スマホにはスマホ、パソコンにはパソコン」といった具合に、その画面サイズに適正なコンテンツが表示できるのです。

    私たちはCODE CAMPで「あなただけのサイト」をご提案いたします。

動作環境

  • Google Chrome 最新バージョン

  • Safari 最新バージョン

  • Fire Fox 最新バージョン

internet explorerの
サポートは終了しております。
Microsoft Edgeを
ご使用ください。