最近はすっかり冷え込み、朝の布団が恋しい時期になってきましたね。

さて、今回の記事はポートフォリオサイトのリニューアル-Part2-です。
前々回の記事と同様に制作中のポートフォリオサイトをご紹介したいと思います。
ワイヤーフレームと実際に制作したサイトの画面です！

私の好きな色と海と生き物をコンセプトにしたサイトにしたいと思い、
ワイヤーフレームを作りコーディングしました。
扉絵用に制作したイラストや各ページ用の画像でサイトの雰囲気が出てきたと思います。

ワイヤーフレームで画像やアイコンサイズを決めておくと迷いなくコーディングができますし、
レイアウトで悩む時間が無くなるので制作前にしっかり骨組みを決めておくことが重要です。
より良いサイトにできるようコンテンツの充実も図っていく予定です！

次回の更新もお楽しみに！

後期になり、卒業学年は今後卒業研究が中心になります。
が、その前に私たちが現在制作している動画は「バンパー広告」というものです。
聞きなれないキーワードですが、皆さんも目にしたことがあるかもしれません。

バンパー広告というのはYouTubeなどの動画サイトで視聴前などに
よく見られる6秒程度のスキップできない広告のことです。

6秒で視聴者の印象に残る動画・・・
大変そうですが頑張ります！

＜制作中の画面 - Adobe AfterEffects - ＞

肌寒くなってきた今日この頃、朝の気温が低く布団から出るのも億劫になってきました。

今回の記事は以前から取り組んできているポートフォリオサイトのリニューアルです。
SPA(シングルページアプリケーション)を導入し、ページ遷移をなくしたサイトを構築していきます。
1年時に作った時よりも多くのことを学んだ今、自分のサイトを一新するためしっかり計画を練ってここまで進めてきました。

私もデザインカンプを入念に作り、後はカンプに従ってコーディングするだけ！と作り始めたものの、
自分で作ったカンプにこんなに苦労させられるとは思いませんでした…

記述が一番複雑だったホーム画面。それぞれクリックすると右に切り替わります。
ChromeやSafariで見ることを考えた結果カンプよりもサイズが小さくなり、バランス調整に苦労しました。

みんなもそれぞれ悪戦苦闘しているみたいです。
制作期限まであと少し、ラストスパートをかけてきちんと仕上げられるよう頑張ります!