Webマーケティングに
強くなるメディア

  • ログイン
  • 会員になる
  • ログイン
  • 会員になる

  • 総合

    • 新着
    • Webマーケティング講座
    • 資料ダウンロード

    トレンドを知る

    • ノウハウ&トレンド ニュース
    • リリース ニュース
      - ferret×PR TIMES -
    • マーケター特集
      - マーケティングジャーニー -
    • おすすめツールソリューション情報
      - by マケスト -

    体系的に学ぶ

    • 基礎〜応用を学ぶ
      - Webマーケティング講座 -
    • コンテンツマーケティングを学ぶ
    • Googleアナリティクスガイド
    • 事例
    • 資料ダウンロード
    • マーケティング用語辞典

    Info

    • 運営会社
    • 著者一覧
    • お問い合わせ
    • 広告掲載について
    • 広告掲載に関する規約
    • 利用規約
    • プライバシーポリシー
    • 特定商取引法に基づく表示

  • 新着
  • Webマーケティング講座
  • 資料ダウンロード
  • トレンドを知る
    • ノウハウ&トレンド ニュース
    • リリース ニュース
      - ferret×PR TIMES -
    • マーケター特集
      - マーケティングジャーニー -
    • おすすめツールソリューション情報
      - by マケスト -
  • 体系的に学ぶ
    • 基礎〜応用を学ぶ
      - Webマーケティング講座 -
    • コンテンツマーケティングを学ぶ
    • Googleアナリティクスガイド
    • 事例
    • 資料ダウンロード
    • マーケティング用語辞典
  1. Webマーケティングメディア ferret
  2. ニュース
  3. インスピレーションが湧き出る!芸術的なフランス発のホームページ7選
  1. action
  2. URLをコピーしました

インスピレーションが湧き出る!芸術的なフランス発のホームページ7選

  • 2017年5月24日
  • ニュース

フランスの首都パリは、19世紀以降、「芸術の都」と呼ばれることがあります。
一説によれば、ナポレオン時代に、国王の居住がヴェルサイユに移ったこどで荒れ果てたルーブル宮殿が整備され、当時国王や王族のコレクションだった美術品を展示して一般市民にも解放し、芸術に触れる機会が増えたからだと言われています。
さらには、ナポレオン3世時代に設計士オスマンを中心にパリの再開発が行われたことも理由だと言われています。

数多くのサロンが開かれ、芸術家が集まり、新芸術を模索する若き芸術家たちが集まり、芸術運動を行うようになったパリ。
それ以前はイタリアが芸術の中心と言われていましたが、多くの芸術家たちがパリに集うようになったのです。

100年以上経過した現在でも、フランスは注目したい国の一つです。
世界の共通語が英語である今、どうしてもフランス語で書かれたホームページにはスポットライトが当たりにくいのが現状です。
しかし、「モード」にも通じるモダンな作風は、フランスのデザイナーの得意とするところでもあります。

今回は、インスピレーションが湧き出るフランス発のホームページをご紹介します。

インスピレーション湧き出るフランス発のホーム ページ

1. ISTHME

01.jpg

ISTHMEはフランス系カナダ人のデザイナーであるイサベルさんが立ち上げたポートフォリオサイトです。
さまざまな抽象的な作品が、まるで博物館で絵画を見るようにバラバラに展示されており、クリックすることで作品の詳細を確認することができます。

手書きのロゴが味があり、また白い背景を使って余白を十分にとり、四角い画像をそのままベタ張りする様子は、最近話題のブルータリズムとも通じるところがあります。
フィルターボタンを使って画像を絞り込みできるのは、秀逸な UX を実現していると言えるでしょう。

2. Hadrien Louis Baïdez

02.jpg

Hadrien Louis Baïdezさんのポートフォリオサイトです。
影を効果的に使ったヒーロー ヘッダー の中には、文字がタイプライターを打ち込んでいるように変わるメッセージが表示され、マウスを動かすとパーティクルが動くようなインタラクティブな仕掛けが施されています。

スタイリッシュでモダンな フォント 、統一された黄土色のテーマカラー、宇宙にいるような世界観、直線をうまく利用した レイアウト 、どれを取っても秀逸です。
左上のメニューは固定されているのにもかかわらず一切邪魔になることがないのも、よく考えられています。

3. Maison Pourchet

03.jpg

Maison Pourchetは1903年に創業したフランスで革製品を販売する会社です。
フランスでも人気のブランドのブランドだけあり、余白を十分に取りながら、商品にフォーカスが当たるような大胆な レイアウト を採用しています。

トップページ では商品画像がいくつか並べられていますが、マウスカーソルを合わせるとふわりと上がって商品名と価格が表示される インタラクション にも注目してみてください。

伝統的なブランドだけにセリフ書体が似合いますが、サンセリフ書体と組み合わせることでモダンで新しい時代に対応している印象も合わせて与えることに成功しています。

4. Christian Lacroix

04.png

Christian Lacroixは1961年生まれのフランスのファッションデザイナーで、同名のファッションブランドを展開しています。

ホームページは、「2017年上半期に取り入れたい5つのWebデザイントレンド」でも紹介したホワイトフレーミングという、白い枠で囲うデザイントレンドを採用しています。
トップページ では複数の写真が交互に大画面で表示され、ブランドイメージを喚起しています。

コレクション ページ では、興味を持った作品を気軽にSNS投稿ができるように、それぞれの作品に Facebook 、 Twitter 、Pinterestのボタンが付いています。
居住用の装飾だけでなく、本命の洋服やドレスのコレクションを見るだけでも、クリエイティビティを刺激されます。

5. Angström

05.jpg

Angströmは2011年に設立されたデジタルクリエイティブエイジェンシーです。

左側にエレベーターメニュー、中央にハンバーガーメニューを設置し、さまざまな UI にマイクロ インタラクション が取り入れられています。

左上にあるロゴは時折可愛らしいアニメーションが表示されるとともに、明確には別れていませんがスプリットスクリーンのように左右にパートが別れており、左側には2人のこびとがアニメーションで動き出します。

6. Boulangerie La Parisienne

06.jpg

Boulangerie La Parisienneはパリに6店舗構えるフランスパンのブーランジェリーです。

熟練のパン職人たちが焼いたパンをすぐにでも食べたくなるように、 トップページ からパンを焼いている写真を全画面で表示します。
ロゴには極細のサンセリフ書体に稲穂のマーク、そしてその下には創始者のMickaël Reydelletさんのサインが記されています。

余白を十分に取りながら、ときにグレースケールの写真を使い、また焦げ目をつけた美味しそうなパンの写真がカラーで登場します。
配色も、基本的には白と黒、 UI に部分的に茶色を使うことで、シンプルに仕上げています。

7. SHIFT Paris

07.jpg

SHIFT Parisはパリのアムステルダム通り近くに建設された複合施設で、オフィスフロアも備えた、ガラス張りが印象的なモダンな建物です。
インテリアはもちろんのこと、エクステリアも非常に魅力的で、壁にはアントレプレナーにぴったりなウォールデザインも施されています。

トップページ では、マウスカーソルを合わせるとほかのメニューが暗くなり、マウスカーソルが合わさった部分だけライトアップされるような インタラクション が採用されています。

まとめ

全体的にフランス発の ウェブサイト は写真をよく活かしており、また文字は黒、背景は白のサイトが多いように感じます。
これは、カラフルな写真にフォーカスを当てることで、あくまでも主役は写真、 テキスト は説明にすぎないという価値観を表現していると言えます。
ブランドはイメージが勝負なので、パリから多くのブランドが生まれているのも納得できますね。

他とはちょっと違ったホームページを作りたいときには、ぜひフランスのホームページも参考にしてみてください。

関連記事

  • クオリティに脱帽!注目の日本人クリエイターのポートフォリオサイト7選
  • 今までの常識を覆す?斬新すぎる「ブルータル」なWebデザインを取り入れたホームページ11選
  • 個性的なデザインの参考に!ユニークなレイアウトのホームページ18選
  • ファーストビューで惹き込まれる!ポスターみたいな大胆なタイポグラフィを使ったWebサイト21選
  • 2018年のデザイントレンド先読み!押さえておきたいUX上の17の予測

関連記事

  • クオリティに脱帽!注目の日本人クリエイターのポートフォリオサイト7選
  • 今までの常識を覆す?斬新すぎる「ブルータル」なWebデザインを取り入れたホームページ11選
  • 個性的なデザインの参考に!ユニークなレイアウトのホームページ18選
  • ファーストビューで惹き込まれる!ポスターみたいな大胆なタイポグラフィを使ったWebサイト21選

この記事を読んだ方にお勧め、ferretの無料「Webマーケティング講座」

ferretでは、ニュース記事を毎日読むだけでは身につきにくいWebマーケティングの『体系的な知識』を学ぶことができる「Webマーケティング講座」コンテンツも用意しています。

解説を読むだけでなく、記入式のワークを埋めていくことで自社サービスを客観的に理解し、今行うべき施策を考える準備ができるように構成されたコンテンツです。Webマーケティングは何から始めたら良いか分からないという方、無料ですのでぜひのぞいてみてください。

この記事を書いた人

酒井 涼

ライター・コラムニスト。デザインやテクノロジー、マーケティングやライフハック系の記事が得意。2016年からferretでも記事の執筆を開始。
  
>> 執筆記事一覧はこちら

Webマーケティングのノウハウ集をプレゼント!

【ferret】5つのマーケティングメソッド(無料)

創業より10年以上、Webマーケティングの最前線で弊社が得てきた効果をあげるためのノウハウを1つの資料にまとめました。(全79ページ)

限定版の資料をダウンロードする(全79ページ)抜粋版のサンプルを読む(全3ページ)

  • 昨日
  • 週間
  • 月間

ゲームがビジネスに役立つ?ゲーミフィケーションを活用したオンラインマーケティング事例

【事例】SaaSを導入すると何ができる?成功例と失敗例を紹介

インフルエンサーよりも効果的!? SNSで”漫画”を使ったプロモーション事例

ERPの導入手順とは?選び方のポイントとあわせて解説!

サイロ化したデータをつなぎ「ユーザーの本当の姿」をとらえる Tealiumが目指す顧客中心なデータの活用と展開とは

世界でシェアを誇る有名CMSを比較!それぞれのメリット・デメリット

登録しておくとビジネスに役立つかも!?チェックしたいメルマガ13選

Twitterで売上予測、プロモーションはYouTube。タカラトミーのEC&Web戦略に迫る

【機能・料金比較】SFAの失敗しない選び方

【CMS】WordPressとは?特徴・機能・導入方法・プラグインをまとめて解説

検索流入に影響あり?Google検索の新機能「アクティビティカード」とは

急成長するInstagramの動画と動画広告

作りたいサイトによって選び方が違う!CMSの種類と特徴

経営判断を加速化!ERPの基本とメリット・デメリット

Googleの「しごと検索」が日本でもリリース!求人検索に大きな影響が

現会員425,903人

ログインはこちら

おすすめ記事

クオリティに脱帽!注目の日本人クリエイターのポートフォリオサイト7選

今までの常識を覆す?斬新すぎる「ブルータル」なWebデザインを取り入れたホームページ11選

個性的なデザインの参考に!ユニークなレイアウトのホームページ18選

ファーストビューで惹き込まれる!ポスターみたいな大胆なタイポグラフィを使ったWebサイト21選

2018年のデザイントレンド先読み!押さえておきたいUX上の17の予測

エントリー

  • 新着
  • Webマーケティング講座
  • 資料ダウンロード

トレンドを知る

  • ノウハウ&トレンド ニュース
  • リリース ニュース
    - ferret×PR TIMES -
  • マーケター特集
    - マーケティングジャーニー -
  • おすすめツールソリューション情報
    - by マケスト -

体系的に学ぶ

  • 基礎〜応用を学ぶ
    - Webマーケティング講座 -
  • コンテンツマーケティングを学ぶ
  • Googleアナリティクスガイド
  • 事例
  • 資料ダウンロード
  • マーケティング用語辞典
  • 運営会社
  • 著者一覧
  • お問い合わせ
  • 広告掲載について
  • 広告掲載に関する規約
  • 利用規約
  • プライバシーポリシー
  • 特定商取引法に基づく表示
Webマーケティングに
強くなるメディア
© basic Incorporated.

過去10年間で弊社が得てきたWebマーケティングのノウハウを

1冊の資料にまとめました。(全83ページ)

feedlyへの登録はこちら
その他のrssはこちら