担当：Webデザイン / コーディング
スキル：HTML / CSS / JavaScript / Jquery / Adobe XD
制作期間：2週間
インターンに応募するために制作したポートフォリオサイトです。
プログラミング学習を開始してから、4ヵ月目に制作しました。
今まで学んだスキルを使いつつ、シンプルに自分の情報を伝えられるような設計を考えました。
◆目的：自分自身についてと持っているスキルを知ってもらう
◆構成
⓪ローディング
・自分が好きなコーヒーのアニメーション
①KV
・自分の日常がわかる写真や特技のリフティングをしている動画を添付
・自分が大切にしている「Thoughts are life taxes.」をタイトルに
②ABOUT
・自己紹介と写真で、まずは自分の基本情報を添付
・背景色を変更して、情報の切り替えを意識
③SERVICE
・自分が出来ることとそのフローを説明
・カード形式のデザインと順番に表示されるアニメーションを実装して情報整理
④SKILL
・出来ること実装するために使用できるスキルの一覧
・ホバーすると揺れるアニメーションで遊びを追加
⑤WORKS
・制作実績の一覧
・モーダルウィンドウで実績の詳細が確認できる
⑥CONTACT
・お問い合わせフォーム
・Google foamを埋め込む形で制作
◆配色
このサイトは自分を表す青・白・黒でデザインしました。
俯瞰して思考の再構築を重ねながら持続する。内では赤い炎よりも高温な青い炎のような人間でありたい。
また、日々知識を蓄えたいという意味で、何色にでも染ることができる白。
吸収しつつも自分の芯はしっかり持つという意味の、何色にも染まらない黒。
この3色を持って、これからも日々精進していきたいという思いから選びました。