web siteウェブサイト
-
Web Site > Design 05作品名：コーディング03
オープニングアニメーション、ビデオ素材設置、スクロールアニメーション、スクロール途中で背景色の変更、モーダル、タブの設置に挑戦しました。
デモをみる
-
Web Site > Design 04作品名：スタッフ紹介
今回は、前作「作品名：コーディング 02」をアレンジして制作しました。ファーストビューに用いた画像を、角丸にして配置しました。
デモをみる
-
Web Site > Design 03作品名：猟師
学習したコーディングスキルの他、Photoshopの操作スキルのアウトプットを意識して制作しました。設定した架空人物は、クマによる人的被害が発生した村で暮らす猟師です。餌不足や誘引物除去の不徹底、人慣れにつながる行動が原因でクマ問題は深刻化。インターネットを通じて警鐘の声を発信することで問題を共有し、考え、行動に変えることを目指すサイトを意識しました。
デモをみる
-
Web Site > Design 02作品名：コーディング 02
前作「コーディング 01」のデザインを基に、書体を明朝体に変更し、落ち着いた雰囲気の演出を目指しました。
デモをみる
-
Web Site > Design 01作品名：コーディング 01
コーディングスキル（HTML、CSS、jQuery・JavaScript）の学習成果をアウトプットする目的でサイト制作しました。イメージは、法律や会計の分野の専門職のかたを対象とした「コーポレートサイト」を想定して制作しました。サイト内のサービス紹介ページは「ECサイト」の構成を参考にし、お問い合わせまでの動線を意識して制作しました。
デモをみる