静岡のウェブサクセス・ブログ！

年度末の納品もひと段落し、やっとブログを更新です（汗）

2年半前くらいに制作させていただいた「いちまる厨房 世界の地方料理オンラインショップ」をリニューアルさせていただきました。

前回は「らくうるカート」で作成しましたが、デザインをより重視したいお客様の意向とランニングコストの削減、決済方法の充実、お客様で更新しやすいシステムの観点から「BASE」で作成しました。

3年前から「いちまるマルシェ」を毎月開催し、実際に商品を試食して購入することができます。

商品も充実してきて固定のお客様も増えてきたため、いちまるマルシェとの連携を強化し、売上を伸ばしていく狙いがあります。

ECサイトの集客方法として基本的におさえておくべき施策は3つあります。

• Googleビジネスプロフィールへ商品を登録する。
• Google Merchant Centerへ商品を登録する。
• Instagramショッピングへ商品を登録する。

実はBASEのアプリでGoogle Merchant CenterとInstagramショッピングは連携できます。

しかし、Instagramショッピングはサブドメインを「www」にすると連携できないことがあるらしく、今回は手動で登録しました。

この3つをやっておけばよいという話ではありませんが、最低限おさえておきたい施策です。

これだけで集客できるほど甘い話ではないので、Instagramで定期的に商品の魅力を写真で伝えたり、Googleビジネスプロフィールに最新情報を投稿したり、LINE公式アカウントでも商品を登録したり、ブログを書いて内部SEO施策を実行したり・・・など、やることを挙げればキリがありません。

地道にコツコツと積み上げていくことが大切です。

お客様の視点から考え、アクセスデータと照らし合わせながら改善していきながら育てていきたいですね。

8月はほとんど雨が降らず、9月に入ったらまた雨続きという極端な天気ですね。

まだ蒸し暑い日が続いてますが、体調管理に気をつけて乗り切りましょう！

さて、久しぶりの制作事例の更新です（笑）何もやってなかったわけではありませんよ？

4月からずっと少し大きめの案件を抱えておりまして、このたび無事公開することができました。やっと一安心です。

前置きが長くなりましたが、焼津市に拠点をおく株式会社いちまる様のいちまる厨房 世界の地方料理オンラインショップを制作させていただきました。

元々、世界の地方料理という真空調理した素材を使ったレシピサイト制作させていただきましたが、そちらが240を超えるレシピをアップされてユーザー数も1日1,000人くらい訪れるサイトにまで成長されました。

ページビュー数の多いレシピから商品化して個人消費者に向けて販売したらいかがでしょうかとご提案し、オンラインショップを開設して販売することになりました。

最初に『いちまる厨房 世界の地方料理』のブランド・アイデンティティを一緒に考えることからスタートし、価値性、独自性、共感性を設定しました。

最初にブランド・アイデンティティを共通認識として設定することで、商品開発や売り方、販促物やwebサイトのデザインなどをブレずに設計することで尖りを作り、消費者に刺さる、イメージが浮かぶ、選ばれる商品づくりを徹底しました。

オンラインショップはヤマトフィナンシャルの「らくうるカート」を利用し、色やボタンなどのデザインを弊社にてカスタマイズしました。

また、商品の写真撮影やリーフットの作成なども合わせてやらせていただきました。

商品もこれから充実していくサイトですが、味と品質は抜群です！食で旅するように世界の地方料理を食べられる。いいですね！

現在人気の「よだれ鶏」。いちまる厨房 世界の地方料理のよだれ鶏はシビレる辛さが食欲を刺激します。ビールをぐびぐび飲みたくなる美味しさです！ぜひお試しください。

いちまる厨房 世界の地方料理オンラインショップ：https://bras-de-chef.net/

追伸：本日、静岡第一テレビの「まるごと」で取り上げられました。
■まるごと＞いまここライブ：https://www.tv-sdt.co.jp/marugoto/contents/?seq=71831

若草保育園さまは駿河区西脇にあります。

定員120名、スタッフも20名以上いる大規模な保育園で、園児の自分らしさを大切に、愛情いっぱい育てています。

海にも近く自然を身近に体験でき、お茶ごっこや体操教室など、子どもがのびのびと過ごせる場所で豊かな心を育て、笑顔があふれる保育をされています。

小さな頃から年代を超えてたくさんの友だちと出会えるのは貴重な経験ですね。

今回のリニューアルの目的は、園児の親御さんがスマホで見やすい・わかりやすいデザインにすることを第一にレスポンシブwebデザイン対応し、WordPressで構築して更新手間を省力化することでした。

トップページのメインビジュアル、お知らせ、アルバムはWordPressで簡単に更新できるようにしました。また、アルバムは保護者さまのみ閲覧できるようにパスワード保護をかけました。

リニューアルで大切なことは、お客様の要望を実現することはもちろん、ユーザーにとって見やすい・わかりやすくすることです。

ホームページを作る前のページ構成の見直し、情報の整理をしてから、デザインを作成して構築を進めていくことが重要です。

ウェブ解析士がお客様のご要望とアクセス解析のデータを突き合わせ、最適なウェブサイトのかたちをご提案します。

※アクセス解析はアクセス解析ツール（Googleアナリティクスなど）が入っていることが前提です。

■若草保育園さま：https://www.wk-h.com/

今日は冬至ですね。それほど寒くありませんが。

うちの営業部長は寒さをしのぐためか、モリモリとご飯をたべ、益々まん丸になりました（笑）

さて、株式会社イメージミッション木鏡社様のウェブサイトをリニューアルさせていただきました。

今回、コロナの影響もあり、お客様から個人消費者が買いやすいようにホームページをレスポンシブwebデザイン対応、カード決済を導入したいというご要望をいただきました。

株式会社イメージミッション木鏡社様は知育玩具・科学玩具の製造・卸業者ですので、前回は取引先の方が見やすくわかりやすい作りを念頭に置いたホームページでした。

企業情報とオンラインショップを1つのサイトとして表示していたため、そこがわかりにくくなっている、個人消費者の方が買いづらくなっていたので、今回はコーポレートサイトとオンラインショップを別サイトとしてリニューアルしました。

コーポレートサイトはWordPressで構築し、こだわりや取扱商品をわかりやすく、更新手間もなるべくかからないかたちで作成しました。

オンラインショップはEC-CUBE4系で構築し、カテゴリーを種類で選ぶ、用途別、対象年齢、ブランドで選ぶ、価格で選ぶで分け、ユーザーが選びやすい分け方にし、さらに絞り込み検索できるようにしました。また、システム自体は無料で利用できるクロネコwebコレクトにてカード決済を導入しました。

お子さまへプレゼントを検討されている方は、知育玩具・科学玩具はいかがでしょうか。

品揃えも豊富でこだわりの玩具を扱っている株式会社イメージミッション木鏡社様のウェブサイトを覗いてみてください。

株式会社イメージミッション木鏡社コーポレートサイト：https://www.imagemission.com/

イメージミッション木鏡社公式オンラインショップ：https://www.imagemission.com/shop/

GWもあっという間に過ぎてしまいましたね。

私は本川根町の友人宅へお泊りに行ったり、安倍の大滝へ軽くハイキングをしつつ、梅ヶ島温泉の清香旅館さんへお邪魔しました。

本川根町のキャンプ場も混んでましたねー。

本川根町も安倍の大滝も素晴らしく、良い気分転換ができました。

さて、弁護士法人栗田勇法律事務所様のホームページをリニューアルさせていただきました。

法人サービスに特化したホームページにしたいというご要望を受け、今までの栗田先生や栗坊を中心とした親しみやすさイメージからガラッと変えてスッキリと信頼感が出るようにデザインしました。

顧問先会社様専用ページをタイトルだけ見せ、詳細はログインしないと閲覧できないという設定にしました。

レスポンシブ対応、WordPressで構築しました。

ニュースサイトのようにログインしていない人には一部の文章を表示し、会員登録してログインしたら全文見られるように設定することもできます。

そのようなご希望がありましたら、お気軽にご相談ください。

弁護士法人栗田勇法律事務所様：https://www.ik-law-office.com/

営業部長のハッピー。実は女の子なんです。キャリアウーマンです！（笑）

たまには女の子らしく花冠を載せて撮ってみました～。可愛いいYO！

さて、今回も制作実績のご紹介です。

寺田工務店さまのウェブサイトをリニューアルさせていただきました。

まずは、ファーストビューのコピーを考えることからスタートしました。

寺田工務店さまで建てる家はどんな家なのかをコピーで表しましょうということで皆さんで考え抜いていただきました。

ここが決まらなければスタートできません。しかし、ここが決まれば下層ページもスムーズに進みます。

寺田工務店さまの家は、玄関を入った瞬間に感じる暖かさ、地震に強い、長期保証もついている安心感があります。

そんな家を端的にコピーに表せたと思います。

HEAT20 G2が標準仕様の高断熱性能の家を地元静岡市の工務店で建てられるんです！

大手・中堅の住宅メーカーさんと家の性能と価格、建てた後の生活まで考えて提案してくれてるのかを是非比較していただきたいです。

ウェブサイトはレスポンシブ対応、建築実例にはCMSデザイナーを導入しました。

これから家を建てたいとお考えの方は寺田工務店さんへ相談してみてください。

株式会社寺田工務店ウェブサイト：https://www.teradanet.com/

暖かくなり、営業部長のモフモフの毛が抜けてまいりました（笑）

まだ毛の量が多いのでモフモフです！

さて、エブリデイビッグ富士でお馴染みのビッグ富士様のリクルーティングサイトを制作させていただきました。

業績好調な勢いのある明るい会社の雰囲気が伝わり、ビッグ富士様で働く魅力が伝わるように意識して制作しました。

写真撮影もスタッフの皆さんが明るく応じてくれ、職場の雰囲気が本当に良いのだなと思いました。

インタビューを読んでいただければ、皆さんやりがいを見つけて働いてらっしゃると感じます。

サイトはレスポンシブ対応で制作し、お知らせはCMSデザイナーで構築しています。また、会社のことを数字とグラフやイラストを使ってわかりやすく理解していただけるように心掛けました。

スーパーのお仕事にご興味のある方は是非ビッグ富士様へお問い合わせください！

■株式会社ビッグ富士様リクルーティングサイト：https://www.bigfuji.co.jp/recruit/

しずおか棚田・里地くらぶ公式サイトを制作させていただきました。

人が関わることによって生態系が保たれる棚田。当然、過疎化が進む中山間地域にあります。

棚田の素晴らしい景観と生態系を後世にも残していくとともに、どうしても人手が必要になるため、サポートしてくれる方を集めたいというのが目的になります。

田舎の原風景を守りましょう、過疎化が進んで人手が足りないから助けてください、というメッセージは使いたくない。

都会生まれの方でも第二のふる里として帰省したり、懐かしいなぁ、また行きたいなぁと思ってもらえるようなサイトにしたいと思って制作しました。

なんか面白そうだな。田植えやってみたいな。そんな風に思っていただき、サポーターや棚田のオーナー登録していただけたら最高です。

■しずおか棚田・里地くらぶ公式サイト：https://www.shizuoka-tanada.net/

年度末の怒涛の忙しさと4月に入ってからの緊急事態宣言が発表されてからの対応で3月までの制作実績が全く更新できませんでした。

言い訳です（泣）

さて、本日、株式会社EM研究所様のコーポレートサイトをリニューアル公開させていただきました。

Googleアナリティクスを見させていただきながら簡単に現状分析と改善案をお打ち合わせしたのが始まりでした。

もちろん、初めに明確にしておくのはサイトの「コンバージョン（成果）」です。

販売店様で商品を買ってもらうことが目的とのことでしたので、「販売店検索」ページのページビューをコンバージョンとしました。

販売店検索ボタンを左上のプレミアムポジションに置いて目立たせました。

メインビジュアルは何の商品を製造販売しているのかを明確にし、強みと実績、価格を盛り込みました。ココで勝負してます！

コンテンツを更新しやすくしたいというご要望もありました。WordPressを導入し、製品ラインナップやEM活用事例、販売店検索は定型のレイアウトを量産しやすいようにカスタム投稿で管理画面を設定し、更新頻度の低いページは固定ページで作成しました。

レスポンシブwebデザイン対応し、スマホでも見やすい表示にしています。

また、ファビコンとOGP対応、検索結果のサムネイル画像も標準装備で実装しています！

■株式会社EM研究所様：https://emlabo.co.jp/

高糖度トマト「アメーラ®」がお取り寄せできる、ネットショップをリニューアルさせていただきました。

以前のネットショップもスマートフォン対応をしていましたが、今回は完全レスポンシブウェブデザインで、スマホでも格段に買いやすくなりました。

デザインでは、高糖度トマト「アメーラ®」のブランドイメージに沿う「アメーラ」らしさを損なわず、かつ、お買い物が楽しくなるような表現・レイアウトに心がけました。
また、生産を行うサンファーマーズ様の現場の方ともしっかりとお打ち合わせし、受注や出荷体制に沿うネットショップになるよう、システムの改善をいたしました。

アメーラの農場は静岡県・長野県に9か所あります。そして、約10社の生産者が協力し、「最高品質の高糖度トマトでおいしさの感動をお届けします」を合言葉に、どの農場で育ったトマト、どの季節に収穫したトマトも、驚くほど濃厚で飽きのこないおいしいトマトを作っています。

いつ、どのトマトを食べても「アメーラ」であるように。
Webサイトでも同様に、ブランドサイト、ネットショップをご利用いただく方にも、「アメーラ」らしさをこれからもお伝えできるよう、これからも運用のサポートをさせていただきたいと思います。

■アメーラトマト【公式通販ショップ】：https://www.amela-shop.com/

梅ヶ島温泉 清香旅館さまのwebサイトをリニューアルさせていただきました。

梅ヶ島温泉と言えば、戦国時代は甲斐の名将武田信玄の隠し湯のひとつとされ、徳川家康公、秀忠公はじめ江戸幕府の要人からも愛された万病に効く湯治場として親しまれてきました。

源泉かけ流しそのままのぬるい温泉の泉質の素晴らしさはもちろん、梅ヶ島産の駿河軍鶏、在来作物のスジナシ豆、地芋などの梅ヶ島ならではの料理、安倍峠のバラの段から見る富士山や安倍の大滝、自然に造られた豪快な大谷崩れなどの大自然を体験してみたいと思っていただけるように細かく丁寧に、そして情熱をもって作りこみました！

清香旅館のご主人と女将さん、そしてチームウェブサクセスの梅ヶ島愛を詰め込みました。

最近のデザインのトレンドを追いかけると、シンプルで洗練されたイメージになり格調高くなってしまいがちですが、ご主人と女将さんのアットホームな雰囲気が伝わるようにイラストや丸や角丸を適度に配置して柔らかくすることを意識してデザインしました。

レスポンシブwebデザイン対応、Bing翻訳を入れて英語と中国語に対応し、インスタグラムの新着をアクセストークンで出力しています。あと、ところどころで～～しています（笑）

見つけてみてください！

温泉の泉質の素晴らしさは、写真や言葉ではなかなか伝わりません。ぜひ梅ヶ島温泉の清香旅館さまに宿泊し、駿河軍鶏鍋と自然とともにじっくりと味わっていただきたいです。

■梅ヶ島温泉 清香旅館さま：https://seikou-umegashima.jp/

高糖度トマト「アメーラ®」さまのwebサイトをリニューアルさせていただきました。

アメーラは、トマトの品種ではなく、独自の栽培方法で、厳しい基準をクリアしたトマトのブランド名です。

名前の由来は、静岡の言葉で「甘いでしょ」という意味です。

アメーラトマトは静岡が誇る全国的に有名なトマトのブランドです。

「おいしさに感動を」というコピーにそったwebサイトづくりを心掛けました。

アメーラ®がおいしさの感動を届けられる訳、生産者さんのストーリー、ブランド背景などが伝わり、ファンが増えると嬉しいです！

WordPressで構築し、レスポンシブwebデザインで制作しました。

高糖度トマト「アメーラ®」ブランドサイト：http://www.amela.jp/

今週も台風が近づいてきてスッキリしない天気になりそうですね。

弁護士法人ライトハウス法律事務所さまのwebサイトをリニューアルさせていただきました。

前回のリニューアルから7年ほど経ち、スマホでアクセスされるケースが7割近くも占めているのにレスポンシブwebデザイン対応できていないのが大きな問題でした。

法律事務所さまのwebサイトは離婚や交通事故などの業務内容を並べてしまう作りが一般的ですが、ライトハウス法律事務所さまは難しい分野といわれる医療過誤の実績が豊富にありますので、敢えてトップページには医療過誤のみを表示しました。

コンテンツを付け足してきたことで、作りが複雑になり、動線もわかりづらくなっていたため、アクセス解析に基づくページ構成の再設計と動線の見直しを行いました。

配色は落ち着きのある色を採用し、なるべく装飾しないようにシンプルにまとめました。

写真もあまり使わなかったため、文字量が多くても読みやすいようなレイアウトや文字サイズ、余白のとり方に配慮しました。

レスポンシブwebデザイン対応、システムはCMSデザイナーを採用しております。

■弁護士法人ライトハウス法律事務所さま：http://www.lighthouse-lo.com/

静岡インターナショナルスクール様のwebサイトをリニューアルさせていただきました。

静岡インターナショナルスクール様の生徒さんは日本語を学びたい海外の方です。

海外の方が見て理解していただけるように多言語対応するため、Googleのwebサイト翻訳ツールを利用しようとしましたが、サービスが終了してしまいましたのでBing翻訳ウィジェットを使おうと思いましたが・・・。

こちらもサービスが終了してしまいました（泣）

それではどうしたか。英訳ページのみにしました。

Bing Microsoft Translatorを使用してページごとに英訳したページのリンク先を設置しました。英訳されたページのメニューボタンをクリックしてとんでも英訳されます。

留学生は日本語の習得を目的としているので授業がしっかりしているのはもちろん、日本の伝統や文化に触れる機会があったり、留学生同士の交流も充実している、寮やアルバイトの斡旋といった日本での生活面もサポートしていることを盛り込みました。

システムは入れてません。facebookのフィードをメインビュアル右側に表示し、お知らせは基本facebookで投稿するかたちをとっています。

卒業生が見ても楽しんでいただけるのではないでしょうか。

レスポンシブwebデザインに対応しています。

■静岡インターナショナルスクール様：http://www.sins.co.jp/

涼しくなってきたと思ったら、また蒸し暑くなりましたね。

台風が日本列島近くを通るまではこんな感じでしょうか。

さて、魚がし鮨で有名な沓間水産株式会社様のリクルーティングサイトを制作させていただきました。

若くても意欲があって実績をつめば、それを評価して希望するポストに抜擢してもらえる社風。

若手がいきいきと働ける職場環境。職人気質の見て覚えろ的な感覚ではなく、先輩社員が丁寧に教え、フォローしてくれるバックアップ体制。

意欲のある方を万全の体制でフォローしてもらえる風通しのよい社風が伝わるように心掛けて制作しました。

色はコーポレートサイトとは異なるブルー系で爽やかにまとめ、素材はご提供いただきました。

レスポンシブwebデザイン対応、10代・20代の方に見ていただけると嬉しいです。

■沓間水産株式会社様リクルーティングサイト：https://www.uogashizushi.co.jp/recruit/