my creation

【Flower Arrangement School】
STUDIOプラットフォームで作成。架空のフラワーアレンジメントスクールのホームページです。全体的にシンプルでおしゃれなデザインになるように配色に統一感を持たせました。ギャラリーとコンタクトページだけは違う階層に置いてます。レスポンシブデザインに対応しており、スマホ版はハンバーガーメニュー表示になっています。

【Mom's English】
STUDIOプラットフォームで作成。実際に運営しているオンライン英会話教室のホームページ。全体的にシンプルなイメージで柔らかさを出しました。CMS機能を使い、お知らせを表示させた、アニメーション機能でシンプルなサイトに動きを付けています。

【架空ヨガスクールLP】
ペライチでヨガスクールプレオープンのキャンペーンレッスンへの誘致のためのLPを作成しました。ページからダイレクトにレッスンへの予約をできるようにフォーム欄も設置しております。

【Accede Cream LP】
デジタルハリウッドの卒業制作課題です。化粧品のランディングページを想定して作成しています。デザインからコーディングまで初めて一人で作成しました。授業や課題とは違いデザインで沢山試行錯誤を重ね、大変時間がかかりました。illustratorでパーツを作ったり、photoshopで写真の加工を行ったりしたので、学習の総まとめができました。コーディングも正解などが無い中、自分で調べたり理論的に考えたりと、大変でしたが、確実に自分の力になったと思っております。

【Temp WaveアプリLP】
アプリの紹介ページを想定したデザインです。デジタルハリウッドの授業で制作。初めてデザインからコーディングまで一連で行いました。デザインは予め決まっていてるので、photoshopで忠実に再現し、講師の指導のもとコーディングをしました。レスポンシブ対応デザンで、スマートフォンページも作成しております。とてもシンプルなデザインですが、floatやflexを使った横並びや、要素のポジショニングについて学びました。

【RCUデザインHP】
デジタルハリウッドの授業で制作しました。Temp Waveに続き、２回目のウェブ制作授業で作成した作品です。授業で講師の指導のもと制作しております。こちらは企業のホームページを想定したデザインになっており、HOMEの他に３つの下層ページがあります。レスポンシブ対応デザン、fontawesome、ボタン、など実際のウェブサイトで欠かせない要素を学ぶことができました。また、JQueryの授業でスライドショーやホバー時のアニメーションを付けております。

【make VR LP】
デジタルハリウッドの課題で制作しました。初めての課題制作です。イベントのランディングページを想定しています。デザインは予め用意されていて、コーディングを一人で行う課題でした。レスポンシブ対応デザンで、スマートフォンページも作成しております。google mapの埋込やラジオボタンの配置が難しかったですが、実際のウェブページで実践的な内容でしたのでとても勉強になりました。

【8HOURS HP】
デジタルハリウッドの課題で作成しました。2回目の課題制作です。デザインが配られ、それをもとにコーディングをしました。コーディングはHOME画面のみ実行。レスポンシブ対応デザンで、スマートフォンで閲覧時のコーディングも行いました。商品をflexを使って横並びにするのがとても難しく、諸々修正点が多かったですが、講師の説明を基に改めてコーディングの基礎を学び直すことができた作品になりました。