意欲的なWebデザイナーのためのポートフォリオプロジェクト
コンテンツ
ウェブデザイナーとして、プロのようにコーディングを始めるのに十分なことを学びました。次のステップは、おそらく雇用されることです。まだ専門的な経験がない場合、自分の才能を紹介するポートフォリオを構築するのは難しいように思えるかもしれません。ポートフォリオに追加できるものはたくさんあるので、あまり心配しないでください。すでに作成したものや、ほとんどすぐに構築できるものはありません。
Web Designerポートフォリオに何を含めるか？
Webデザイナーとしてのスキルを示す最良の方法の1つは、ポートフォリオを作成することです。このコレクションは、大学のコースで修了した作品や、ボランティアまたはインターンとして構築したもので構成できます。ただし、ポートフォリオに含める前に、企業向けに作成したものをすべて使用できるようにしてください。クライアントからの証言は、あなたを他の人に売るのに大いに役立ちます。
サイトナビゲーションの設定方法を採用マネージャーに確認できるインタラクティブな履歴書を含めることができます。ビジュアルとグラフィック、ブログへのリンク、埋め込み動画、CSSフィード、アニメーションを含めます。自分のスタイルを、応募したい会社のスタイルに合わせるようにしてください。
競合他社のWebサイトのケーススタディは、業界を理解している採用マネージャーに示すものにすぎません。
理想的なウェブサイト
最初に行う簡単なプロジェクトは、理想的なWebサイトデザインのアイデアがどのようなものになるかを構築することです。この架空の会社は、1つのプロジェクトで持つすべての範囲を紹介する機会を提供します。このプロジェクトは、ポートフォリオのウェブサイト全体のデザインと見なされる場合があります。
素晴らしいポートフォリオを集めたオンラインリソースがたくさんあるので、インスピレーションを得ることができます。自由に探索し、創造性を発揮してください。ただし、目にするものと伝えようとしているメッセージを混同しないように注意してください。
目標はアクセス可能であることです そして ユニークで紛らわしくない。
既存のテンプレートを再設計する
人気のあるサイトを取り上げて、再設計します。応募したいターゲット企業に対してもこれを行うことができます。仕事に就くときにやらなければならないことなので、ポートフォリオから始めるのもよいでしょう。
これは、Webサイトデザイナーとしての範囲と、既存のアイデアを変更してユーザーが消費できるように改善する能力を実証できます。また、再設計のために選択できるさまざまなオプションがたくさんあります。
Visaの製品、技術戦略、およびイネーブルメントのディレクターであるDeepina Kapilaは次のように書いています。
「私はかつて、夏にコーディングを学び、彼のポートフォリオでNew York TimesのWebサイトを再設計した独学の開発者にインタビューしました。それは驚くべきものだった。彼は、タブレットや携帯電話での外観、アプリエクスペリエンスの概要、彼のソリューションでのコメントとスレッドの動作など、細部にわたって考えました。それは彼のポートフォリオの中で唯一のプロジェクトでした–もちろん、それはとても徹底的で思慮深く提示された、彼が仕事を得るために必要なすべてでした。」このプロジェクトのもう1つのボーナスは、会社のサイトを再設計すると、後でビジネスにアプローチして設計を販売できる可能性があることです。または、新しい仕事をピックアップします。それは双方に有利です。
人気のあるサイトを複製する
一部のオンラインコーディングコースには、既存のWebサイトを複製する必要があるプロジェクトがあります。これは優れた学習ツールであり、ポートフォリオに含めることは悪いことではありません。陳腐で退屈に見えるかもしれませんが、それは良い学習経験です。さらに、クローンしたサイトと同じくらい優れたものを構築できることを示しています。
小さなUIピースを作成する
「お問い合わせ」フォームやスライドショーなどの小さなUI機能は、ウェブサイトと同じくらい優れています。小さなプロジェクトだけでなく大きなプロジェクトも処理できることを示しています。CodepenやGitHubなどのサービスを使用すると、自分がしたことをどのように達成したかを視聴者に示すのは簡単です。
結論
これらの4つのプロジェクトは、ポートフォリオに含めることができる優れた例ですが、これらだけに限定しないでください。本能を使用し、達成したいこと、フルタイムの雇用、フリーランス、またはコンサルタントになるために、作成しているポートフォリオを調整することを忘れないでください。
