-
常陸太田市の多目的スペースENGAWA ホームページ制作
常陸太田市｜多目的スペースENGAWAのホームページ作成
※未完成ではありますが、ポートフォリオの掲載許可はいただいております。
【課題】
常陸太田市で誰もが集える場所をつくりたい
ボランティア活動のため協賛募集をしたい
【アイディア】
メインビジュアルにはロゴを大きく配置し、サイト全体の雰囲気を象徴する重要な要素としています。シンプルでありながら、昭和の温かみを感じさせるデザインを取り入れ、ユーザーに視覚的なインパクトを与えることを意識しました。ロゴの周囲テキストの配置は、清潔感と親しみやすさを両立させ、誰でも集える居場所としてのイメージを強調しています。
【アピールポイント】
各セクションに写真をアタッチメントとして使用し、昭和の雰囲気をわかりやすく伝えています。視覚的な要素を活かし、ユーザーに直感的にテーマを感じてもらう工夫をしました。協賛については、目に留まるように固定ボタンを作成しました。
【ポイント】
コードの効率化と再利用性を高めるためにHTML5やCSS3、SCSSを活用しました。静的ページから完全オリジナルサイトが可能になります。
「ENGAWA」ウェブサイトは、WordPress化し、プラグインでリキャプチャー設定し安全性を高め、最低限のSEO対策を設定予定。
JavaScriptやCSSを活用してユーザー体験を向上させる動的なインタラクションを実装しています。
・ローディング画面のフェードアウトするアニメーション
・ハンバーメニューはCSSで動きを出しています
・メインビジュアルにはスクロールダウンをCSSで動きを出しています。
・セクションにフェイドインするアニメーション
・ボタンデザインには線が伸びる動きをCSSで出しています。
ポートフォリオ
https://eny-nagashima.online/engawa/