プログラミングスクールmomotech様ホームページ
Logo

プログラミングスクールmomotech様ホームページ

Favorite
Credit
Webデザイン
企画
プログラミングスクールmomotech様ホームページ-1
Share
Behind The Scenes
This portfolio is made by foriio
プログラミングスクールmomotech様ホームページ-1

プログラミングスクールmomotech様ホームページ

□コンセプト 親御さんがプログミングスクールについて興味を持つきっかけになるようなWebサイト プログラミングスクールでどんなことをどのように学び、子供達が過ごすことができるのか。プログラミングスクールmomotechを少しでも知ってもらえるようにサイトを制作させて頂きました。 --制作期間--  3ヶ月 --URL-- http://momotech-web.com/ □制作で使用したツール HTML・CSS・jQuery・javascript・Sass・Photoshop・abodeXD □デザインで拘ったポイント ・配色について 青色を基調としたシンプルな配色でまとめました。また、コーポレートサイトのような硬さを出さないように、白を多めに取り入れ青色はアクセントカラーのような使い方をしました。 ・サイトの構成 サイトのコンテンツをどのような順番で見せるのか、順当にサイトを見てくれた人が次にどのようなコンテンツを見たくなるのかを私なりに想像してレイアウトを作りました。 ・レイアウトについて できるだけ、大きなブロック事に区切り、どこまでが同じグループなのかを視覚的にわかりやすくなるよう余白を意識しました。 ・その他 ターゲットの属性的にスマートフォンからの訪問が多くなることが予想できたので、スマートフォン表示のみ、モーダルウィンドウなど情報の見やすさ、使いやすさを意識しました。
Favorite
Credit
Webデザイン
企画
Share
Do you like this work?
Stay up-to-date with
髙田
's creations
or add your own work now!