ディビで作られた10の履歴書ウェブサイト

公開: 2017-11-18

履歴書は、人気のあるタイプの個人用Webサイトです。彼らはあなたのスキル、教育、そして経験を潜在的なクライアントや雇用者に提示するのに最適です。幸いなことに、あなたの想像力を刺激するのを助けるためにDiviで作られた履歴書のウェブサイトがたくさんあります。この記事では、Diviで作成された履歴書Webサイトの10の例を見ていきます。

業界に関係なく、履歴書のWebサイトは同じ種類の情報を提示し、機能を必要とします。これらの10のWebサイトが示すように、同じタイプの情報を提示する方法は複数あります。また、レイアウト、色、フォント、連絡先情報、含める情報の種類とその提示方法、画像、効果、ナビゲーションなどのWebデザイン要素の優れた例でもあります。これらのWebサイトは、あなたの想像力を刺激するはずです。あなたの次のDivi再開ウェブサイトのためのアイデア。

これらの10のWebサイトは、2つのカテゴリに分類されます。それらのカテゴリー内では、それらは特定の順序ではありません。最後にボーナスもあります。Diviで独自の履歴書ウェブサイトを作成するのに役立つ無料の履歴書レイアウトです。見てみましょう…

サイトを再開する

これらのウェブサイトの場合、サイト自体は履歴書です。複数のページがあるものもありますが、ほとんどは他の情報がない1ページのサイトです。

1.ウェルドンフルツ

Weldon Fultzは、サイト全体でアースカラーを使用し、大きなタイポグラフィと十分な空白を使用しています。クリック可能なテキストは、ホバー時に影付きのボタンになります。大きなテキストがスクロールに表示され、関連するキーワードが表示されます。スキルは、アイコン用の大きなブロックが付いた棒グラフ内に表示されます。アワードはクリック可能で、ホバー効果を使用します。このサイトは、色とタイポグラフィをうまく利用しています。

ウェブサイトを見る

2.ジャック・マクダウェル

Jack McDowellは、Hello子テーマを使用し、連絡先CTAおよびソーシャルフォローボタンとともに、背景ヘッダーとしてシネマグラフを表示します。 About Me情報は、ページの左3分の1の濃い青色で表示され、ページの残りの部分は、日焼けした背景に対してタイムライン内に履歴書情報を表示します。セクションは、仕事/スキル、学校/賞に分かれており、ダウンロードCTAで終わります。プロジェクトは、全幅ポートフォリオグリッドと全画面スライダー、およびセクションセパレーター付きの全画面紹介文スライダー内に表示されます。お問い合わせフォームは、サイトのブランドカラーを使用しています。

ウェブサイトを見る

3.アンドレコスタ

アンドレコスタは、履歴書を作成するために複数ページのアプローチを採用しています。ホームページには、グラデーションの背景にロゴが表示され、フルスクリーンメニューを開くハンバーガーメニューアイコンが表示されます。キャリアと教育の情報は、それらを際立たせるために黄褐色と薄紫の背景色を含む大きなセクション内のテキストとして独自のページに表示されます。その他の情報は、クリック可能なポップアップモーダル内で提供されます。教育はエレガントな棒グラフで示されます。教育ページには、過去、現在、未来の教育用のクリック可能なカードが含まれています。

ウェブサイトを見る

4.ドモニークバウル

Domonique Baulは、背景画像、名前、タグラインとともにHello子テーマを使用しています。プロジェクトは、フィルタリング可能なポートフォリオ内に表示されます。これに続いて、画面の左3分の1に写真があり、スキルを表示するための情報と棒グラフについてのセクションがあります。仕事、スキル、学校、賞は右3分の2に表示され、Git Hub、LinkedIn、およびダウンロード可能な履歴書リンクの大きなアイコンが表示されます。お問い合わせフォームは背景画像の上に表示されます。

ウェブサイトを見る

5.デビッドサマフレック

David Somerfleckは、2つのCTAボタンを備えた青いオーバーレイの背後にフルスクリーンビデオを表示します。スクロールすると、サイトのさまざまなセクションのナビゲーションとして4つの大きなアイコンが表示されます。お客様の声は、トグルとお客様の声モジュールで表示されます。履歴書情報は、背景ビデオの上に配置されている[概要]、[教育]、[課外活動]のトグル内にも表示されます。スキルは円グラフ内に表示されます。このサイトでは、メニューではなくドットナビゲーションを使用しています。会社は大きなアイコンとして表示され、プロジェクトはプロジェクトスライダー内に表示されます。スクロールすると、サイトの下部にある2列のセクション内に大きなプロジェクトが表示されます。

ウェブサイトを見る

履歴書のあるサイト

これらのサイトには、Webサイト内の単一ページとして履歴書が含まれています。

6.アマンダ・ブルーメル

Amanda Broomellは、フルスクリーンの画像スライダーをWebサイトとして使用しています。メニューは画面の下部に配置されます。メニュー項目のいずれかをクリックすると、モーダルウィンドウ内でその情報が開きます。また、メニュー内にTwitterアイコンが含まれており、予想どおり、彼女のTwitterフィードに移動します。履歴書はタブ内に表を表示します。タブの最初のセットには、劇場、トレーニング、スキル、および履歴書をダウンロードするためのアイコンが含まれています。劇場タブには、ニューヨークとインターナショナルのテーブルのタブが含まれています。画像はバックグラウンドでスライドし続けます。

ウェブサイトを見る

7. Rolph Lieverse

Rolph Lieverseは、さまざまなモジュールを使用して、さまざまなセクション内の各履歴書アイテムを表示し、履歴書の構造に従います。要約は、紹介文モジュール内に配置されます。作業経験は、情報が箇条書きで表示された垂直タブを使用して、タブモジュール内に表示されます。トレーニングと認定はトグル内に表示されます。スキルは、背景画像の上に棒グラフで表示され、続いてセクションセパレーター付きの背景画像の上に円グラフ内の言語が表示されます。趣味は下部の箇条書きに記載されています。

ウェブサイトを見る

8.ハリスシズミック

Haris Cizmicは、セクションを使用して履歴書構造を構築します。賞と会社のアイコンを一方に表示し、もう一方にリンクを表示します。これに続いて、要約、ボックス内の教育と興味に関する実務経験、および優等生と賞のセクションがあります。各セクションは、黒と白のテキストのヘッダーとして使用される全幅のテキストボックスで区切られています。情報は、シンプルでありながら読みやすいリストに表示されます。アイコンはいくつかのセクションに重なっています。

ウェブサイトを見る

9. Marwan Salfiti

Marwan Salfitiは、セクションタイトルの下の箇条書きに履歴書アイテムをオレンジ色でリストしています。要約はより大きなフォントで表示され、テキストの全領域に広がります。テキストの次のセクションは2つの列に分かれています。左側の列は2/3列に箇条書きと長い説明を表示し、右側の列は1/3列に簡単な箇条書きを表示します。シンプルでクリーン、そして読みやすいです。

ウェブサイトを見る

10.ケリー・サンティアゴ

ケリーサンティアゴは写真付きのアバウトセクションから始まり、ブランドカラーの3つのCTAボタンが含まれています。ボタンは、プロジェクト、経験、およびお問い合わせフォームにリンクしています。これに続くのは、太字の見出しと同じブランドの赤のリンクを含む情報を含む要約履歴書です。履歴書は要約されていますが、それでもクリーンでシンプルであり、潜在的な雇用主が決定を下すことができる十分な情報を保持しています。

ウェブサイトを見る

Diviであなた自身の履歴書ウェブサイトを作る

エレガントなテーマには、独自の履歴書Webサイトを作成するために使用できる無料のレイアウトがあります。 1ページのサイトを作成し、潜在的な雇用主に写真、読みやすい履歴書、プロジェクトへのリンクを提供するための3つの異なるレイアウトが付属しています。

無料レイアウトを参照してください

終わりの考え

これらの10のDiviサイトと1つの無料レイアウトは、履歴書Webサイトの優れた例です。レイアウト、色、フォント、画像、連絡先情報、含める情報の種類、履歴書の提示方法、ナビゲーション、効果などのインスピレーションが必要かどうかにかかわらず、次のDiviデザインに役立つ何かがここにあるはずです。ウェブサイトを再開します。

我々はあなたから聞きたい。 これらの履歴書のデザインのどれがあなたのお気に入りですか？ コメントで教えてください。

hvostik /shutterstock.com経由の注目の画像