Works
ayaka kasai portfolio
web site | 2021.08
web site : https://ayakakasai.jp/
- サイトの概要
- 自身のポートフォリオ
- ターゲット層
- お仕事を依頼してくださる方。自身に興味を持ってくださる方。 旅と写真が好きな方。
- 目的・ゴール
- 自身の人柄、雰囲気、を知ってもらうこと。仕事を任せてみたい。
一緒に仕事をしてみたいかもと思ってもらうこと
今後、随時更新する可能性がある部分にワードプレスを組み込み、初心者の方でも 簡単に更新することを可能にする。 - 制作ポイント
- ・自身のイメージカラーの水色をベースに黄色と白を組み合わせ、やわらかく、優しいイメージになるように構成。
・cssやJavaを使用した動きのあるサイト。
（サイトデザインはシンプルなので、単調になりすぎないよう、波の部分や、スクロールしたらフェードイン表示させるなど 動きを多めに取り入れ、見てくださる方が飽きないよう工夫。）
・サイトが重くなりすぎないように、写真以外の画像は全てcssで表現。
・10ページ以上あるサイトの制作。
・制作実績、写真、旅行、お問い合わせの部分にワードプレスを組み込み - 担当範囲
- 設計・デザイン・コーディング
- 使用ツール
- Photoshop・procreate・html・css・jQuery・php・WordPress
- 制作過程
- 下層ページの作成、アニメーションなど初めて挑戦することが多くありましたが、新しく できることが増えていくことが何より嬉しく、ポジティブに制作できました。
自身のスキルアップのために3段階に分けてサイトを制作していきました。
バージョン1→デジタルハリウッドスクールでの学習の範囲内で作成（html.css.jQuery）。
バージョン2→・phpを使用したテンプレート化とお問い合わせフォームの実装・sassの利用。
バージョン3→WordPressを組み込みサイトが完成。