コーポレートサイト制作・構築
YOSHIMI LANDEMAINEは、フランス・パリでパン職人、実業家、アーティストとして活躍する石川芳美さんの公式ウェブサイトです。石川芳美さんはパリと東京で店舗展開するブーランジェリー・パティスリーMaison Landemaineのオーナーでありながら、画家&アーティストという一面も持ち合わせており、さまざまな分野で非凡な才能を発揮されています。
本日は多才な石川芳美さんの魅力をいかにシンプルにわかりやすく見せるかという点に着目しながら本コーポレートサイトの制作・構築で注力した箇所について語っていきたいと思います。
パン職人、実業家、アーティストという3つの顔をいかに表現すべきか?
サイト構築の依頼を受けた際にまず第一に考えたことは、トップページをスクロールするだけでパン職人、実業家、アーティストという3つの異なる顔をいかに効率良く表現すべきかという点でした。クライアントとの度重なる協議の結果、トップページにアクセスした際に画面一杯にYOSHIMI LANDEMAINEのSVGアニメーションロゴを表示させ、その後同位置にパン職人、実業家、アーティストという3つの顔を描いた写真をスライドショーで見せることとし、トップページを以下8セクションで構成することにしました。
①SVGアニメーションロゴ&パン職人、実業家、アーティストという3つの顔を表現したフォトスライドショー
②YOSHIMI LANDEMAINE公式サイトのコンセプト説明&石川芳美さんのプロフィール紹介ページへのリンク設定
③パン職人、実業家、アーティストの3つのアクティビティーの概要説明&イメージ画像&各ページへのリンク設定
④パン職人としてのブログ投稿最新3記事の紹介&パン職人ページへのリンク設定
⑤アーティストとしての作品紹介とアーティストページへのリンク設定
⑥実業家としての取り組んでいるプロジェクトの概要説明&紹介ページへのリンク設定
⑦最新ニュース投稿記事の紹介&ニュース紹介ページへのリンク設定
⑧FooterでSNSリンク設定&関連企業サイトへのリンク設定
デザイン面では石川芳美さんが描いたイラストをサイトのあちこちに組み込み、彼女の芸術的なセンスも追加することを意識しました。また、フランス国旗のレッド•ホワイト・ブルーのトロコロールカラーを基調にカラーリングを行いました。
SVGアニメーションで躍動感のある表現
トップページ上部に設置したSVGアニメーションロゴはトロコロールカラーでフランスらしさを表現しつつ、画面の中心から放射状に広がる躍動感のある動きを追加することでスタイリッシュな印象を与えます。アニメーションのスピードや緩急のコントロールはCSS3で行っています。
企業サイト制作・構築に関するご依頼
弊社はウェブデザインやコーディングのみでなく、写真撮影や動画撮影も行なっており、サイト構築に必要なクリエイティブ業務を全てお引き受け可能です。
個人にしろ、法人にしろサイト構築に関する総合プロデュースをご要望のお客様はぜひStudio Lazuliにお問い合わせください!
Skype・Google Hangout・Zoom・Lineといったアプリケーションを使ってオンラインミーティングが可能なので、お住まいの地域を問わず、世界中の皆さまからのお問い合わせをお待ちしております。
Web・ホームページ制作ページをご覧の上、サイト制作質問リストからご連絡ください。
初回ヒアリング後に全体の作業量を計算し、無料で見積書をお送りさせて頂きます。