MARUENという架空のスポール用品ブランドのWebサイトを作成しました。 【ターゲット】 バレーボールを始めようとしている方 2024年パリオリンピックを機にバレーボールに興味を持った方 日頃スポーツをやっている10~30代女性、男性 【ゴール】 会社やブランド商品の認知 商品の購入 SNSへの誘導 【制作期間】 30時間 【使用ツール】 Illustrator Photoshop Visual Studio Code(HTML/CSS/JavaScript) 【工夫した点】 ・キーカラーの設定 ブランドのイメージを定着させるために、キーカラーを設定してそれを軸にデザインを作成しました。 バレーボールのカラーにも近く爽やかな水色を起用することで、スポーツへのハードルを低く感じられるよう意識しました。 ・マウスオーバーでのアニメーション 見ていて「楽しい」「色々なボタンを押してみたい」「他のページを見たい」と思ってもらえるように、ボタンやページ内移動のアニメーションを工夫しました。 【苦労した点】 ・不具合の修正 HTML内のタグやクラスの振り分けがうまくできておらず、修正をする際に苦労しました。