Diviで構築されたアーティストと職人のウェブサイトの14の例

アーティストや職人は何千年も前から存在しており、ウェブの内外で人気があります。 彼らは彼らの仕事を示しそして彼らのサービスと製品について潜在的な顧客に話すためにウェブサイトを必要とします。 予想通り、Diviを使用してWebサイトを作成しているアーティストや職人はたくさんいます。 この記事では、Diviで構築された14のアーティストと職人のウェブサイトの例を見ていきます。

アーティストや職人のトピックは多くのトピックをカバーしており、それらのニーズは彼らが提供するサービスや製品の種類によって異なります。 ほとんどには、製品、コミッション情報、イベント、コースとワークショップ、サインアップフォーム、連絡先情報、ブログなどが含まれます。 それらは順不同です。

1.巧みにデザインされた作品

Artfully Designed Creationsは、縞模様の背景、特大のヘッダー、スタイル付きセクションセパレーター付きのロゴを備えたボックスデザインを使用して、カーテンのような外観を作成します。 セクションには、投稿スライダー、注目の製品、最新の製品、およびお客様の声が含まれます。 下部のメッセージバーは、スクロールしても画面に表示されたままになります。 赤/ピンクとシーフォームグリーンは、サイトのデザインとうまく調和しています。

2.アバートJC

Abbart JCは、境界線の狭いボックスデザインを使用したシンプルなサイトです。 フルスクリーンのCTA（召喚状）は、訪問者を店に引き込みます。 注目の商品セクションには、ホバーアニメーションと視差のある3つの商品カテゴリの画像が表示されます。 ショップページには、ホバーアニメーションとスタイル付きのトップに戻るボタンも含まれています。 このショップはWooCommerceを利用しています。

3.アートバイレクシー

Art By Lexiは、真の視差で霧の要素と署名を含むフルスクリーン画像を表示するシンプルなデザインです。 真っ赤なロゴと全幅メニューが画像の下に配置され、その後にフィルタリングされた画像ギャラリーが続きます。 シンプルなデザインがアートワークに注目を集めています。

4.ラティエンダデルデスヴァン

La Tienda DelDesvanは雑誌のデザインを使用しています。 ロゴはスクロールすると消え、メニューは画面の上部に残ります。 最初のセクションには、スライダーとアーティストへのリンクが含まれています。 別のセクションでは、小さなサブスクリプションオプトインフォームを使用してグリッドにカテゴリを表示します。 ショップセクションはWooCommerceを利用しています。 別のセクションでは、アーティストの写真をCTAに統合します。

5.オーサムアーティスト

Autsome Artistは、視差のフルスクリーンヘッダーと、概要ページおよびポートフォリオへのリンクを使用しています。 アートワークは、石積みグリッドの全幅ポートフォリオに表示されます。 ポートフォリオページには、石積みグリッドレイアウトでフィルタリングされたポートフォリオを使用して、さらに多くのアートワークが表示されます。

6.ジョンサンプソンアート

John Sampson Artは、フルスクリーンの画像スライダーをホームページとして使用しています。 このサイトには7つのギャラリーページがあり、各ページには1つのページタイトルで視差のあるフルスクリーンの背景ヘッダーが表示されます。 作品はギャラリーグリッドに表示され、ライトボックスで画像が開きます。 経歴ページには、日付のヘッダーを使用してイベントのスケジュールが表示され、それぞれが線で区切られ、シンプルで興味深いイベントのカレンダーが作成されます。

7.デビッドウェルチアート

David Welch Artは、全画面の画像スライダーに絵画を表示し、続いてソーシャルフォローボタンと全幅メニューを表示します。 イベントカレンダーには、イベントの場所と日付が表示されます。 絵画のページには、そのタイプのメディアの紹介と、ホバー効果を使用してFooBox ImageLightboxを使用してライトボックスで開く画像ギャラリーが含まれています。 このサイトはエレガントなフォントと色を使用しています。

8.トゥーラブーラ

Toula Boulaは、アートの背景を持つボックスデザインを使用したアートブログです。 各デザイン要素は、水彩画の背景や、要素をキャンバスに保持するテープやホッチキスなどの詳細を使用しています。 リンクは要素の下にオフセットして表示されます。 メニューには、ナビゲーション内のフォントが含まれています。 このサイトはサイドバー付きの単一列のデザインで、ウェルカムとアバウトセクション、投稿スライダー、サブスクリプション、作業のサンプル、カスタムフッターなどが含まれています。 これは、リストで最も芸術的にデザインされたサイトの1つであり、色、アートワーク、フォント、および詳細を最大限に活用しています。

9.ナンシーヒューズアート

ナンシーヒューズアートは、柔らかい背景の箱入りのデザインを使用しています。 ホームページには、さまざまなカテゴリへのリンクとして、カテゴリ名が付いたアートワークの画像が表示されます。 それらをクリックすると、クリックできない画像ギャラリーが1列または2列（または2つの組み合わせ）で開きます。 連絡先ページは、芸術的な背景の上に連絡先フォームを配置し、フォームフィールドに複数の色を使用します。 フォントは、サイトの芸術的な外観に追加されます。

10.ジェントルモーメントスタジオ

Gentle Moments Studioは、芸術的な背景を持つボックスデザインを使用しています。 コンテンツは、不透明度がわずかに低下したボックスで配置され、背景が透けて見えるようになっています。 このページには、埋め込みビデオ、2列のCTA、ライトボックスで開くページサンプルとして機能する全幅の画像、ギャラリーグリッド、およびセクションについてが含まれています。 このサイトはエレガントなフォントと背景を使用しています。

11.セカンドタッチアート

セカンドタッチアートは、ギャラリーへのリンクを含む全幅の画像と、それに続く著名な会社の声明、サインアップフォームと連絡先情報を含む2列のセクション、およびギャラリーを表示するすっきりとしたデザインを使用しています。 ギャラリーとショップはiThemesExchangeを利用しています。 イベントページは、イベントカレンダーを利用しています。 このサイトでは、フォント全体でブランドカラーを使用しています。

12.ジョアンナマリーアート

Joanna Marie Artは、全幅の画像スライダーを使用してアートワークを表示します。 これに続いて、リンク付きの3つのショップカテゴリ、セクションに関する2列、全幅の感動的な引用、FacebookおよびInstagramフィード付きのフッターを表示するセクションがあります。 オープンハートを使用してJ、M、Aを作成する甘いロゴデザインが大好きです。アートポートフォリオページには、ライトボックスの各開口部の暗い背景に画像が表示されます。 このショップはWooCommerceを利用しています。

13.愛情を込めて職人

愛情を込めてArtisanは、会社名と見積もりを含むフルスクリーンの背景を表示します。 これに続いて、2列のaboutセクション、視差の場所セクション、製品を説明するセクション、コースへのリンク、ブログセクション、お問い合わせフォーム、職人の署名が付いたフッターがあります。 ロゴのない番号付きのメニュー構造を使用しています。 各セクションには、メニューと結び付けるための番号が含まれています。 これはデザインスペースのデザインであり、予想される詳細はすべてここにあります。 視差や白黒を多用しています。

14.クラフト産業同盟

Craft Industry Allianceは、工芸業界向けの貿易Webサイトです。 不透明度を下げたテキストモジュールに会社情報を含む全幅画像を使用します。 スクロールすると、カスタムアイコンとテキストを含む3つの宣伝文モジュールが表示されます。 スライダーは、雑誌を読むための情報とリンクを提供します。 これには、フォーラム、メンバー専用エリア、コミュニティグループ、ビジネスディレクトリなど、多くの統合コミュニティエリアが含まれます。

最終的な考え

これらの14のDiviサイトは、アーティストや職人のためのWebサイトの優れた例です。 ほとんどがアートワークに焦点を当てたシンプルなデザインを使用していますが、いくつかはすべてのストップを引き出し、いくつかの素晴らしいデザイン要素を表示します。

製品、コミッション情報、イベント、コースとワークショップ、サインアップフォーム、連絡先情報、ブログなどを含めるためのインスピレーションが必要かどうかにかかわらず、Diviで構築された次のアーティストまたは職人のWebサイトを支援する何かがここにあるはずです。

ご意見をお聞かせください。 Diviで構築されたアーティストや職人のウェブサイトのこれらの例から、お気に入りのデザイン要素は何ですか？ 以下のコメントであなたの考えを教えてください。

Visual Generation /shutterstock.comによる注目の画像