【概要】
架空サークルのHPデザイン・コーディング(PC・レスポンシブ対応済)
【制作ツール】
HTML5、CSS3、Visual Studio Code、Javascript、JQuery、Illustrator、Photoshop
【制作期間】
24時間
【制作内容】
ランニングサークルの企画、HPデザイン、コーディング
テーマ:シンプル、爽やか
ターゲット:20〜30代女性、ランニングが趣味もしくは運動を始めたいと思っている、掲載されているチラシを見た方
目的:サークルの活動内容の認知、サークルが行うイベントへの参加、サークルへの入会
【制作にあたって】
ターゲットを意識して、余白を多めに取り「シンプルで爽やか」をテーマにデザインしました。
トップページのメインビジュアルに大きく公園でランニングしている女性の画像を配置し第一印象でランニング初心者の方にも親しみやすさを感じてもらえるよう心掛けました。
また、全体を通してセクション間に途切れが感じられないように波のデザインやイチョウのアイコンを配置し、スムーズにスクロールしたくなる流れるようなデザインを意識しました。
「ランニング会」ページではランニング会の様子がより伝わるようにJavascriptとJQueryを使用し画像をスライドショーにしました。