Ryo Blog
〜WEB制作をスキルに〜
はじめに
ポートフォリオは、自分のスキルを証明する履歴書のようなものです。
営業の際に書類選考で落とされないよう、ポートフォリオを作り込むことは非常に大切です。
私はTwitterにポートフォリオのリンクを貼り付けておりますが、そちらからご依頼いただき、2023.7現在、4社の制作会社様、3名のディレクターの方から受注をいただくことができております！
継続してその方々からお仕事をいただいておりますので、ポートフォリオの力は偉大だなーと感じております。
また、ポートフォリオは「初めて取り組む実案件」としても捉えることができますので、ポートフォリオを作ることでとても多くのことを学ぶこともできます。
ポートフォリオを作成する上で載せるべき項目、意識すること等をご説明いたします。
この記事が参考になる方
◎コーダーとしてポートフォリオを作ろうとしている方
◎現在ポートフォリオはあるが、駆け出しの頃に適当に作ったものなのでリニューアルしたい方
◎実績がない状態でどのようにポートフォリオを作ったら良いのかわからない方
３つの重要なポイント
ポートフォリオを作成すると、たくさんの気づきや学びがあります。また、営業開始に向けて大きなアドバンテージを得ることになります。
こちらが重要な３つのポイントになります。
① デザインはデザイナーへ外注する
② 実装にこだわる
③ サイト制作を通してクライアントワークを学ぶ
それぞれ具体的に説明していきます！
Point① デザインはデザイナーへ外注する
デザインの勉強をしていてデザインカンプを作れるのであれば自作デザインでやっても良いと思います。
しかし、デザインを勉強していない場合は沼にハマるケースが多いので、デザイナーさんにポートフォリオデザインを外注し、デザインを作ってもらうのが圧倒的にコスパが良いです！
以下、自分で作成するデメリットと外注するメリットについてまとめました。
【自分でやることのデメリット】
・カンプが作れない
・フォントサイズや余白が統一されていなくて変
・デザインを妥協してコーディングしやすくしてしまう
・とにかくダサい (自分の場合はデザインセンスゼロなのでww)
【デザインを外注するメリット】
・デザインが綺麗でカッコいい
・カンプを作成してくれるのでヒアリングの練習など、クラアントワークの練習になる
・今後の協業パートナーになれる
良いことづくしなので、ぜひポートフォリオの外注もご検討いただければと思います！
( 私のポートフォリオもデイトラコミュニティで知り合ったデザイナーのはるかさんに作っていただきました！ )
また、デザイン作成に２週間〜１ヶ月ほどかかると思いますので、その際に架空サイトをいくつか作っておくと制作実績にもなるので良いかと思います！
Point② 実装にこだわる (入れるべき実装10選)
ポートフォリオ自体も制作実績になるので、制作会社の方やディレクターさんに「こんな実装もできます！」とアピールできるようなポートフォリオを作るのが良いです！
（正直、コーダーとしてのポートフォリオなのでデザインセンスはデザイナーにお任せで良いと思います。）
- WordPressのオリジナルテーマで作る
- hoverアニメーションは opacityじゃなくてひと工夫
- fvは複雑なアニメーションを作る
- 制作実績はスライダーアニメーションで魅せる
- CSSはできればFLOCSSで書く
- お問い合わせフォームのcheckboxやradioボタンはcssカスタマイズを行う
- 確認画面、送信完了画面を作成 (プラグインは contact form7 よりも mw wp form の方が良い)
- TwitterやYoutubeなどのiframeの埋め込み
- 投稿機能とカスタム投稿機能は両方入れる
- カテゴリでの絞り込みの実装は行う
サイト制作を通してクライアントワークを学ぶ
まず、デザイナーさんからカンプが出来上がったら実際のヒアリング項目を書き出し、ヒアリングを行います。
初めは、１発で全てを効率よくヒアリングすることはできないと思うので、都度都度聞きながら実装を行い、ヒアリング項目をまとめておくと、次回以降のクライアントワークの際に役に立つと思います。
また、ポートフォリオを作りながら品質チェックシートや進捗共有シートなどを作成し、常にブラッシュアップし続けることが大切です！
全ブラウザ、対応機種、画面幅で確認したら、デザイナーさんにも品質チェックをしていただき、出てきた改善点を品質チェックシートに加え、常にアップデートしておくと良いですね！
最後に
こちら Ryo's Portfolio が私のポートフォリオサイトになります！構成等パクってもらって全然OKですので、色々盗めるところは盗んでご自身のポートフォリオをブラッシュアップしてみてください！
Category
Tag
X
Youtube
私がWEB制作フリーランスとして独立するために学習したオンラインスクール「デイトラ」の詳細リンクはこちら↓↓
Products
Coming Soon
HP制作のご依頼
現在エンドクライアント様向けの事業サイトを作成中です。
WEB制作業務委託
のご依頼
LPコーディング、WordPress構築、Shopify構築、Liquid編集業務承ります！ 約1年間で80サイト以上作成をしてきました。LP制作 最短2日で納品！
詳しくは、ポートフォリオをご覧ください。
コンテンツ
Ryo'Portfolio裏側徹底解説、レスポンシブほぼ不要のコーディング方法、実務必須のやや難しい実装解説、見積もりからコーディング、納品までの最初から最後まで全部見せます解説動画、等々 「学習終わったけど実務が不安」という人に向けた「実務のお守り」のようなコンテンツを現在作成中です。
© Ryo Blog