HP制作｜野球チームHP

モバイルファーストで
見やすいサイトに

メインビジュアルはインパクトが残るようにロゴを大きく表示し、斜めのあしらいを多用することで勢いや躍動感のある雰囲気に仕上げました。子どもの写真を多用することで、何のサイトなのかを直感的に判断できるようにしています。

また、野球チームで使用するメインカラーがイエローとグリーンでしたが、小学生だけでなく中学生も対象だったため、子どもっぽくなりすぎない工夫を凝らしました。グラデーションや透過などのあしらいを取り入れたり、黒をアクセントで配置するなどして、カッコいい野球チームをイメージできるようにしています。

ターゲットはスマホで見る機会が多いと想定したため、見やすいサイトになるようにレスポンシブ対応を意識。特に試合結果の得点板は、スマホでも数字が見やすいようにサイズ感を工夫をし、モバイルファーストな実装をおこなっています。