ブログデザイン<オンラインスクール課題>

OVERVIEW

デジタルハリウッド・オンラインスクールの課題で作成した、オリジナルブログデザインです。

使用ソフト

・photoshop

・Visual Studio Code (コードエディター)


使用言語

・HTML5

・CSS3

・Javascript


ターゲット
・注文住宅の購入を検討している人
・住宅購入は一生に一度きりなので後悔したくないと考えている人
・忙しくて検討の為の時間が十分に取れない人

コンセプト
 注文住宅の購入を検討している人の、一生に一度のことなので後悔したくないという思いや、もっと検討したいが十分な時間がないという悩みに対して、自分の体験や情報を分かりやすく提供し、役立ててもらうためのブログ。


制作上のポイント

・レスポンシブ:モバイルファーストのコーディングを行いました。

・ファーストビュー:ブログコンセプトを分かりやすく明示しました。ユーザーの目線を止めるためにJavaScriptで動きをつけました。また、ナビゲーションバーが邪魔をしないように、ファーストビューエリアの下から出現するようにしました。

・デザイン:住宅購入がテーマのブログなので、信頼性、安心感を感じてもらえるようなカラー選定と、デザインの統一感に注力しました。




WEBSITE