NIVA Web

Web
大阪府大阪市にあるオーダー家具屋さんのホームページのWebデザイン(PC版)のトップページ。
大阪府大阪市にあるオーダー家具屋さんのホームページのWebデザイン(PC版)のAboutページ。
大阪府大阪市にあるオーダー家具屋さんのホームページのWebデザイン(SP版)のトップページとメニュー画面。
大阪府大阪市にあるオーダー家具屋さんのホームページのWebデザイン(SP版)。ブランドの強みを3つにまとめてトップページでアピールしている。
大阪府大阪市にあるオーダー家具屋さんのホームページのWebデザイン(SP版)。Works、About。
大阪府大阪市にあるオーダー家具屋さんのホームページのWebデザイン(SP版)。Works詳細、Blog、Blog詳細ページ。
大阪府大阪市にあるオーダー家具屋さんのホームページのWebデザイン(SP版)。Flow、FAQ、Contactページ。
概要
大阪にあるオーダー家具屋さんのブランドWebサイト
制作の目的
毎日お問い合わせが来るようなWebサイトを作りたい!というご依頼
デザイン
はじめは問い合わせが来ることを第一の目的として別案をデザインしましたが、依頼者様に気に入っていただくことができませんでした。このため、問い合わせにつなげることは念頭に置きつつも「このブランドのもとで家具作りをされている皆さんが誇りを持てるサイト」となるように方向転換をし、創業者である後藤さんの好みのデザインなどをヒアリングをし直し、例として挙げていただいたサイト(全10サイト)を分析して、サイトデザインに取り入れました。その結果、NIVAで制作されている家具や、先に制作していたロゴの上品で洗練されたイメージにマッチするサイトに仕上げることができました。
コピーライティング
依頼者様とのヒアリングにて、NIVAというオーダー家具ブランドの歴史、技術、実績、思いなどを洗い出し3つの強みとして文章にまとめました。ファーストビュー に配置している「家具がつくる、豊かなくらし」は、代表の後藤さんが語られていた家具づくりへの思いをサイトに訪れたお客様にも一目で想像していただける言葉にまとめたものです。とても気に入っていただくことができました。
コーディング
ファーストビュー でスライドショーを使ってNIVAの家具の魅力が伝わるようにしたいというご要望があり、スマートフォン版では縦長の画面でも全体像がよく見えるように横に流れるように、PC版ではその空間に入ったような雰囲気を味わってもらえるようにじわじわと迫ってくるようなアニメーションを実装しました。PC版でもスマートフォン版でも洗練されたイメージが崩れないように文字サイズや細かな余白にもこだわってコーディングをしました。公開後も、実際に運用していただいてみて使いにくい部分やご要望をお聞きしたり、Googleアナリティクスでユーザーの行動を観察するなどして、細かなアップデートを重ねています。
SEO対策
問い合わせにつなげることが目的のサイトであるため、SEO対策にも力を入れています。サイト設計の前にまずは目的のキーワードで上位表示される競合を数社リサーチし、サイト構成や記事数、キーワードや周辺キーワードの組み込み具合等を表にまとめて分析をしました。基本的なSEO内部対策を実施の上、上位表示を目指すためのWorksやBlogの更新方法等についてアドバイスさせていただいています。その結果、狙ったキーワードでの圏外表示→1ページ目表示を実現することができました(2020年10月現在)。
担当範囲
ディレクション / 競合リサーチ / コピーライティング / デザイン / コーディング / サイト構築 / SEO対策 / 運営アドバイス / 運用後の機能改善
レスポンシブ
スマートフォン / タブレット / PC
使用ツール
Xd / Illustrator / Photoshop
使用CMS
Wordpress
使用言語
HTML / CSS / php(Wordpress) / JavaScript / Vue.js / jQuery
URL
https://niva-fa.co.jp/