# WEBサイト # スクール課題
| URL | https://erikoyakabe.xsrv.jp/ |
|---|---|
| 制作期間 |
企画・情報設計・WF1週間、
デザイン3週間、
コーディング3週間
|
| 担当範囲 |
サイトデザイン（TOP、キャンプサイト・料金、施設案内）
コーディング補佐（楽しみ方）
|
| 使用ツール |
Figma
Photoshop
Illustlator
visual studio code
|
| 概要 | WEBデザインスクールの授業でチームで一つのWEBサイトを作る機会があり、サイト全体のデザインと下層ページの一部のコーディング担当として参加しました。 |
キャンプサイトの認知向上
あまりごちゃごちゃしたくない
キャンプサイトの注意事項などを知らずに来るお客様やキャンプサイトにつての問い合わせが多い
予約が電話からしかできない
重要な情報が一目で見れるページを作り、予約検討時に簡単に見れるようにする
WEBサイトからの予約ができるようにし、WEBサイトからの予約がメインになるような導線を作ることで電話予約にかかるコストを減らす
TOPページデザイン提案時、デザインの意図などをプレゼンするための提案資料制作しました。
サービスの特徴をわかりやすく表現するためにアイコンを使用しました。子供っぽくなりすぎないようシンプルな線で単色のアイコンで統一し、幅広いターゲットに違和感を感じさせないように意識しています。
自然の写真とマッチするよう、全体的にアースカラーを意識して配色しました。ベースにはナチュラルな雰囲気を連想させる緑、アクセントには楽しそうな印象を与えるオレンジ、背景には優しい雰囲気を演出するベージュを使用しています。
文章には優しい雰囲気かつ読みやすいZen Kaku Gothic Newを使用しました。見出しにの上にアクセントとして配置した英字にはPromptを使用し、キャンプサイトの楽しい雰囲気を表現しています。
チームで制作したため、複数人で制作をする際のコミュニケーションや情報共有の仕方を実践的に学ぶことができました。また、一人での制作では思いつかないようなアイデアが生まれたりすることでチームでの制作の楽しさを感じることができました。
制作の振り返りを
SNSでアウトプットしています
erikoyakabe@yahoo.co.jp
