プログラミングスクールの課題としてコーディングしました。メインビューにある地域の魅力的な風景やアイテムの写真が、どのデバイスでもバランスよく見えるよう考慮し配置しました。見た人が行きたくなるようなわくわくするようなデザインを、カンプをもとに正確に再現しました。
Outline
概要
- 制作内容
- コーディング
- 制作規模
- 1ページ
- 制作期間
- 5日
Request
ご要望
- 複数のスライドを設置
- キャンペーン特典はモーダル機能で詳細を表示
- お問い合わせ機能にバリデーションエラーを実装
Idea
着想
どんな画面幅でもデザインが生きる見栄え
画面幅によって全体のバランスが崩れてしまわないように、装飾画像は画面の両端からの距離ではなく画面中央からの距離を考慮して配置しました。地域の魅力を伝える画像や写真は画面幅の変化に応じてアスペクト比を保ったまま変化するようにし、どのデバイスで見てもデザインカンプの見栄えが維持されるよう考慮し実装しました。画面上部へ戻るボタンは、少しスクロールをすると表示されるようになっており、メインビューのデザインに重ならないように配慮しました。
Design
デザイン
