| 使用言語 | HTML | PHP |
| CSS | SCSS | |
| JavaScript | jQuery | |
| 使用ソフト | Photoshop | 写真加工 |
| Illustrator | ロゴ作成 | |
| XD | デザインカンプ | |
| Visual Studio Code | コーディング | |
| Premiere Pro | 動画作成 | |
| After Effects | 動画作成 | |
| 制作時間 | 総合計 | 21時間 |
| ※内訳 | コンセプト | 1時間 |
| ロゴ制作 | 3時間 | |
| デザイン | 4時間 | |
| コーディング | 9時間 | |
| 動画作成 | 3時間 | |
| 写真編集 ※撮影時間は含まず | 1時間 |
デザインコンセプト
冬にリニューアルオープンをした温泉旅館のLPサイトの制作で、公式サイトへのアクセスを促す為、旅館全体の雰囲気を伝え興味関心を持ってもらうべく写真をふんだんに使いデザインしました。
制作意図
半年間の学習期間で学んだ内容を踏襲し、一つの作品として表現しようと考え以下の部分にて学習したスキルを取り入れて作成しています。
- Illustrator
- ロゴ作成
- Photoshop
- 写真素材の色味やトーン・解像度や画質の調整
- XD
- ワイヤーフレーム・デザインカンプの作成
- HTML/CSS
- W3Cに準じたマークアップの他 Flexやgridによる横並びやfloatやverticalによる表現
- JavaScript・Query
- フェードインやスライドなど画像に対してのエフェクト・背景アニメーション
- PHP
- セッションによるファーストビュー切り替え・インクルードによるテンプレート化
- After Effects
- PV動画用の立体的な動きの作成
- Premiere Pro
- 動画のスライド動画作成に使用
ファーストビュー用動画作成