Web Design
五色姫海浜公園
Webサイト制作
2025.09 / 約１ヶ月
五色姫海浜公園の魅力をより多くの人に知ってもらうため、 海の透明感や自然のやさしさを感じられる Webサイトを制作しました。 写真を大きく見せるレイアウトや、 やわらかな配色を取り入れることで、 実際に訪れたくなるようなデザインを意識しています。
制作目的
五色姫海浜公園の魅力を発信し、 観光客や地域の人に興味を持ってもらうため。
ターゲット
観光客・ファミリー・カップル
デザインの工夫
海をイメージした淡いブルーと砂浜をイメージした色をを基調にし、 余白を広めに取ることで、 自然の心地よさを感じられるデザインにしました。 また、スマホでも見やすいよう シンプルなUIを意識しています。
使用ツール
Figma / Photoshop / VSCode
制作プロセス
リサーチ
五色姫海浜公園の特徴や、 海浜サイトのデザインを調査しました。
情報設計
必要な情報を整理し、 ユーザーが見やすい構成を考えました。
デザイン
海の透明感を感じる やさしいデザインを制作しました。
コーディング
HTML・CSSを使用し、 レスポンシブ対応で実装しました。
完成
デザイン調整を行い、 ポートフォリオ作品として完成させました。