シュウ

今回は架空コーポレートサイトを作成しました！

コーポレートサイト オーダーシート

コーポレートサイト メインカラー選定

シュウさんは今回は4番を選んだんだね！理由はあるの？

1クライアントの要望は青、未来でしたので空のイメージをもちました。

2空に１番近い色だと思いました、また文字を白にする際に明るい青より少し暗い青の方が目立つので4番を選びました。

確かに4番の方が目立つし白文字がはっきり分かるね！

コーポレートサイト 説明

2:私たちについて

私たちについてのメイン画像はお洒落な事務所の写真を選定しました。

メイン画像の下ということもあり、ここで働きたいと思う気持ちを強める為、また興味を持ってもらう為に選定しました。

3:事業内容について

ここでは違う色をしようしました。
私自身ホームページを制作する際には多くても3色に決めています。
今回は少し暗い青を選んでおりますので、逆に明るい色を選びメリハリをつけております。

4:実績紹介

実績紹介は今後とも増える可能性がありますのでWordpressで
制作しスライド式にして見ました。
※最初は実績が少ない場合は1boxスライド式に可能です。

5:代表メッセージ

代表メッセージのメインキャッチコピーは「Times Bold Italic」を使用し
目立たせております。

コーポレートサイト デザイン

• ポートフォリオサイト
• 作品サイト

まとめ

今回は、簡単にオーダーシートを作成し架空のコーポレートサイトを作成しました。
実際はクラアントと打ち合わせをしラフを作成しています。
私の場合はIllustratorでデザインしております。

写真の提供がない場合は
有料サイトから写真をダウンロードし加工なども行なっております。

やはり1番時間がかかったのは写真の選定ですね、
文字の配置を考えて選定しなければいけませんからね。

今後もいろんなサイトを作成します。

関連記事

• 

  【CSS】animation-timing-functionの使い方・変化を指定する

  2020.09.29

• 

  【CSS】animation-fill-modeの使い方・実行前後を指定する

  2020.09.26

• 

  【CSS】animation-play-stateの使い方・再生状態を指定する

  2020.09.23

• 

  【CSS】animation-delayの使い方アニメーションの開始を指定する

  2020.09.20

• 

  【CSS】@keyframesの使い方アニメーションの動きを指定する

  2020.09.17

• 

  【CSS】perspective-originの使い方、3Dに奥行きの起点を指定する！

  2020.09.14

• 

  【CSS】perspectiveの使い方、3Dに奥行きを指定する！

  2020.09.11

• 

  【CSS】transform-styleの使い方、3D変形を適用させる！

  2020.09.08

< 前の記事

【WordPress】プラグインのインストール方法 初心者向け

次の記事 >

【HTML table】表を作成からレイアウトの変更までを解説