ポートフォリオをリニューアルしました!

2020年08月24日

制作物

今回は、ポートフォリオサイトをリニューアルしましたので紹介していきます。

作品概要

作品名「koke portfolio」 URL(https://koke05.com/portfolio

制作期間 デザイン1週間 コーディング10日間

使用技術 HTML・Sass(scss)・jQuery・JavaScript

最初に制作した、ポートフォリオが微妙だなと感じていて部分的にメンテしていくよりも全部作り直したほうがいいなと考え、新しくリニューアルしました。

制作していく過程で考えたこと、工夫したこと

新しくポートフォリオを制作するうえで私はどんな人間なのかなと考えたとき、どちらかというと派手で面白いとかではなく、地味でおとなしいほうの人間だなと考えました。派手になにかできるわけではないですけど、コツコツと小さく積み重ねて努力して成長していけるのが特徴だなと感じています。なのでポートフォリオも派手な装飾を絞って、 色も少なく背景の黒と文字色の白で統一しました。

技術面に関しては、前回のポートフォリオで使ったWordPressを使おうかとかんがえましたが、ほかの作品でも使っていてあまり勉強にはならないというのと、今まで使ったことのない技術を使ってみたいという気持ちがありました。なのでWordPressは使わずにほかの技術を使って、制作していこうと決めました。最初はHUGOやGatsbyなどの静的サイトジェネレーターを使ってみようかと考えましたが、私自身、静的サイトジェネレーターを扱えるまでJavaScriptをマスター仕切れてないなと感じていたので、今回は、ちょうどGulpでSassのコンパイルするために環境構築していたのもあり、環境を整えれば今までのHTMLと同じように書いていけるEJSを使いました。Sassと一緒に使っているので、ポートフォリオの改善の時のメンテナンス性も上がると考えています。 また、HTMLのheadもちゃんと必要なものを調べて記述しています。

デザイン面では、作品などの見せ方など他と同じようにならないように意識しました。トップのナビゲーションは大体のWebサイトでヘッダーに横並びになっているばかりで、同じようにしてしまっては面白味もないですし、たくさんの学生のポートフォリオをみている制作会社さんの印象も薄くなってしまうと考えたのでトップに大きく縦に並べてみました。作品制作へのリンクも他のポートフォリオサイトを見ているとブログの記事みたいなcardばかりなので、トップのナビゲーションと同じようにで見せ方を工夫しました。制作作品のリンクボタンなどをUIのトレンドであるニューモフィズムを使っています。アクセシビリティの面では、よくないところが多いというのは理解していますが、見てもらえる対象が一般の人たちではなく、クリエイティブな職業の人たちなのでその辺りは気にする必要性がないと考えました。それになかなかニューモフィズムは使う機会も少ないので、ある程度自分で好きなようにできるポートフォリオで使ってみたいという思いもありました。作品について詳しく紹介しているページでは一番上に簡単に作品概要をまとめているので最低限必要な情報をすぐに得れるように工夫しています。さらに興味を持ってくれた人に対しては、その下の作品制作をしていくうえでの思考やさらに詳しい過程、制作を通じて得れたことなど細かくまとめている部分を見てくれればいいとな考えています。

まとめ

今回はポートフォリオをリニューアルしたので紹介していきました。前回よりもパワーアップしているとおもうのでよかったらぜひのぞいてみてください!

Pocket

related

音楽アプリ「neumu」再生画面UIデザイン

前々回の記事で、XDを使ってニューモフィズムを作るという記事を書きましたが、そのニューモフィズムを使った音楽アプリの再生画面のUIデザインを制作しました。アプリ名は「neumu」で、シンプルに「neu

制作物

2020.07.16

オープンキャンパスのバナーデザイン

今回は、所属しているトライデントコンピュータ専門学校のオープンキャンパスのバナーを制作したので、まとめていこうと思います。このバナーの制作では、タイポグラフィをメインとしてデザインをしました。下の画像

制作物

2020.06.16

矯正歯科、こども歯科の名刺デザイン

今回は、授業の課題で矯正歯科とこども歯科の歯科医の名刺デザインを制作したので、詳しくまとめていきます。名刺は小さく載せる情報も少ないですがそのなかで適切に表現していかないといけないので個人的にはなかな

制作物

2020.06.03

古民家カフェのWebサイトデザインを終えて

いつの間にか12月になり、一気に寒くなってきましたね。みなさん体調等、大丈夫でしょうか?こんにちは、小林健人です。 今回、学校の課題で古民家カフェ虎威殿のWebサイトデザインをしました。古民家カフェと

制作物

2019.12.04

profile

kobayashi kent

トライデントコンピューター専門学校Webデザイン学科
アニメとかゲームとか音楽聴くのが好き