簡単に綺麗なポートフォリオを作る方法

  • このエントリーをはてなブックマークに追加

Webサービスでのアドセンスの収益化を目指している管理人の「ヒロユキ」と申します。

現在のところ作成したWebサービスは全く使用されていない状況です。

人に使ってもらえない以前に、 そもそも サイトに人が訪れていないので論外という感じですね。

ブログと違い、Webサービスは簡単に文書やページが増やせない場合もあるので、検索流入を増やすにはどのようにすれば良いのか考えなければいけません。

Webサービス作成はポートフォリオに利用できる

というわけで、自分のWebサービス運営は絶望的な状況なのですが、仮に全く人に使われなかったとしても、エンジニアとしての腕前披露には使えるわけです。

自分の作成したサイトなどは、ポートフォリオとして公開するのが一般的のようなので早速作成をしてきました。

※ただ、自分はデザインセンスがなく、コードも全く整備されていないので、プロから見ると逆評価かもしれませんが(´・ω・`)

前述したサイトからの流入という点においても、もしかしたらポートフォリオからの流入も見込めるかもしれませんので、とりあえず作っておく価値はありそうです。

一からポートフォリオを作成する価値はあるか?

なんとなく、人に認められるポートフォリオを作成するには自分で一から自作をしなければいけない気がしますよね。

しかし、サイトを構築したことがある人はわかると思いますが、UIフレームワークとかを使ったとしても一から作るのは非常に大変です。

そのポートフォリオで界隈から注目をされるという目的があれば、オリジナリティに溢れる作品を一から目指すのが良いかと思いますが、個人的にはそれよりブログやWebサービス作成に時間をかけたいです。

特に自分はデザイナー志望と言うより、プログラミングを使いこなせるようになりたいと思っているので、仮に仕事で使う機会があったとしても、見やすく自分の作品が羅列されていればOKだと思っています。

この辺については、インフルエンサーのマナブさんの記事が非常に参考になります。

企業が知りたいこと
Webデザイナーの場合:どのようなデザイン経験があるのか?デザインのベーススキルは持っているか?プロジェクトにアサインしても問題のない人材か?
Webディレクターの場合:どのようなディレクション経験があるか?工数見積はできるのか?どのレベルの開発案件をディレクションできそうか?
Webエンジニアの場合:どういった言語が扱えるのか?コーディングスキルやチーム開発スキルに問題ないか?プロジェクトにアサインしても問題のない人材か?

エンジニア志望の場合、相手が求めているのは開発スキルや一覧作成物になりそうなので、そこまで凝ったポートフォリオでなくても良さそうです。


ポートフォリオ作成サイトはセンスが要る

現在では、簡単にポートフォリオを作成することができるサイトが数多くあるので、まずはこちらで作成してみるのが良さそうです。

世界中で利用されていて、日本語にも対応しているPORTFOLIOBOXを使うのが一般的でしょうか。

https://www.portfoliobox.net/jp

自分も早速使ってみましたが、多機能で自由に編集できるため、Webページの作成は全てこのサイトで良いんじゃないかと感じさせられました。

ただ非常に多機能であるがゆえに、選択肢が非常に多く、デザインセンスがない自分からすると綺麗なサイトを作成するために時間がかかってしまいそうでした。

今回は1日でサクッと作りたかったので、 PORTFOLIOBOX の利用は諦めました。

ある程度時間をかけて綺麗なサイトを作りたい場合には、こちらを利用させてもらおうかと思いました。

テンプレートから作成は脳死で作れるからマジ楽

このようなポートフォリオをUIで作成できるサイトではなく、ポートフォリオのテンプレートを配布しているサイトもあります。

今回はこのテンプレートから作成を利用して、3時間でポートフォリオを作成しました。

使用させていただいたテンプレートが下記サイトのものです。

ダウンロードしてindex.htmlを見ると、デザイナーヤマダハナコの紹介文になっているので、これを自分に直していけばOK。

HTMLやCSSの知識が0だと厳しいかもしれませんが、気に入らないところは消したり上書きしたりしていきます。

トップには画像があったほうが良いと思うので、良い画像を無料画像サイトから探して貼り付けましょう。自分で撮った写真などであれば更に良いと思います。

無料画像サイトは、自分はぱくたそを利用しています。

https://www.pakutaso.com/

無料画像&テンプレートを使用して3時間で完成させたポートフォリオがこちらです。

https://slavesystem.net/

所々からセンスの無さが滲み出ていますが、テンプレートを使っているだけあってスッキリはしています。

参考にしたサイト  https://qiita.com/turmericN/items/76559f0b70983469e7c7


  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)