こんにちは、デザイン会社Figmaのデザイナー、マルコ・カチアさんより、自分を表現するウェブサイトの作り方について話されている動画をまとめました。

1.ポートフォリオが必要な理由

私がFigmaに来る前、スタートアップで働いていました。しかし、その会社は閉鎖し、私は新しいポートフォリオが必要だと感じました。しかし、それは簡単なことではありませんでした。そこで、私はWebflowというツールを使ってウェブサイトを作る経験を活かすことにしました。

2.Webflowでデザインを活かす

Webflowを使って、私は自分のデザイン作品を活き活きと見せることができました。例えば、フードデリバリーアプリでは、注文の流れを体験できました。また、スケジューリングのためのデザインでは、他人と自分の利用可能時間を共有する感覚を体験できました。

3.ポートフォリオの作成

すべてのプロトタイプをWebflowで作った後、それぞれのホームページが必要だと感じました。しかし、私はそれらを見過ごされやすいページの背後に隠すことを望んでいませんでした。そこで、私はホームページにベントグリッドレイアウトを使用し、すべてが見やすく整理されているように、各プロトタイプを自分のスペースに配置しました。

4.自己紹介とプロダクトのバランス

プロダクトが自己表現をする一方で、私自身についても訪問者に伝える必要がありました。そこで、私はApple Musicの写真、ポッドキャスト、ツイートなどをベントグリッドアイテムとして設計し、ビルドしました。これにより、私の作品の中に私自身を組み込むことができました。ポートフォリオの公開とその影響すべてが完成した後、私は公開ボタンをクリックしました。その結果、私のポートフォリオはデザインツールを作成している会社、Diagramから注目を集め、私はDiagramのデザインをリードする機会を得ました。

5.Webflowを活用したプロジェクト

Diagramでの私の最初のプロジェクトは、私たちが開発していたAIデザインツール「Genius」のティーザーサイトを作成することでした。Webflowを使用して、私はマイクロサイトを設計し、私たちが何を作っているのかを具体的に示しました。デザインとビルドのバランス私のデザインプロセスでは、私は約30%の時間をFigmaでアイデアを探索し、何を作るかを決定し、全体的な感じと構造を作り出すために使います。残りの70%の時間は、Webflowでアイデアを実行するために使います。

6.まとめ

私はWebflowを使って、自分のデザイン作品に命を吹き込み、自分自身と自分のデザインスキルを表現するポートフォリオ、ブランド、個人スタイルを作り上げました。そして、あなたもWebflowや他のツールを使って、自分自身を最大限に表現することができると信じています。次にあなたのサイトを訪れるとき、それがあなたが何者であるかを正確に示してくれることを期待しています。

‍

参考動画