デザインに興味のある、自己成長や交流を求めている方々

イベントを知ってもらい、参加してもらう

イベント告知サイトのため、ユーザーがどの環境でも簡単にアクセスできるようモバイルファーストデザインを採用しました。
mainページで必要な情報をシンプルにまとめつつ、さらに詳細を知りたい場合は別ページで確認できるようにし、直感的な設計を心がけました。

背景をグレーで統一し、スクロールするメインコンテンツが際立つようにデザインしています。
各コンテンツが明るいカラーで引き立つことで、イベント参加に対してまだ少し躊躇するような方にも親しみやすさを感じてもらえるよう工夫しました。
また、PC表示ではスクロールやマウス操作に反応するアニメーションを取り入れ、視覚的に遊び心を加え、興味を引くように設計しています。

再度web制作の学習を始めてから最初に作成した架空サイトです。
mobileファーストで制作し、pc表示時のスペースをどう設計するか考えた際に、閲覧のノイズにならない程度の、マウス操作ならではのアニメーションを実装をしました。

2ヶ月

• Figma
• illustrator
• VSCode