ホームページ制作実績

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

梅ヶ島温泉 清香旅館

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

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

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

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

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

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

見つけてみてください!

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

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

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

高糖度トマト アメーラ®

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

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

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

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

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

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

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

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

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

弁護士法人ライトハウス法律事務所さま

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

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

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

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

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

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

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

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

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

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

静岡インターナショナルスクール様

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

株式会社ティージェイエス様のリクルーティングサイトを制作させていただきました。

株式会社ティージェイエスリクルーティングサイト

タラタタン!タッタタン!のラジオCMでお馴染みのTJS(ティージェイエス)様の第2弾!リクルーティングサイトを制作させていただきました。

ソフトウェア開発事業の人材を募集するwebサイトというお題でした。

自分の勝手な印象ですが、ソフトウェア開発というと一人でガツガツやっているイメージがありました。ところが、ティージェイエス様に写真撮影で伺うと、社内ではグループ単位ではなく、個々の打ち合わせが活発に行われていました。

いい意味で期待を裏切られました。こういう雰囲気だったら新人でもわからないことを気軽に聞けそうだなと思いました。

いい意味で明るいイメージが就活生に伝わるといいなと思ったのが今回のコンセプトです。

プロのカメラマンにコンセプトを伝え、良い雰囲気で写真が撮れました。働きやすさと万全のフォローがあることが伝わるようにコンテンツを設計しました。

webサイトはレスポンシブwebデザイン対応、新卒採用とキャリア採用のページはGoogle for jobsに対応しました。

■株式会社ティージェイエス様リクルーティングサイト:http://www.tjs-net.co.jp/recruit/

ティージェイエス様「人材派遣ナビ」をリニューアルさせていただきました。

ティージェイエス人材派遣ナビ

タラタタン!タッタタン!のラジオCMでお馴染みのTJS(ティージェイエス)様の人材派遣ナビwebサイトをリニューアルさせていただきました。

ティージェイエス様はソフトウェア開発が基幹事業なので、システムはティージェイエス様、デザインとコーディングは弊社にて行いました。

webサイトをとおして派遣登録者数を増やしたいというのが今回のミッションです。

まず、webサイト上でユーザーに起こして欲しいアクションを「仮登録」、「お仕事紹介メール登録」、「お問い合わせ」の3つに設定し、わかりやすいように色分けしてどのページからでもアクションを起こせるように配置しました。

デザインのトーンは、女性を意識してイラストや写真を使ってポイントをわかりやすく紹介しながら、かわいらしくなり過ぎないようにスッキリとシンプルにまとめました。

ティージェイエス様のストロングポイントは、静岡で40年間積み上げてきた取引先との信頼と実績があること。

それは、取引先へ適した人材を派遣していることはもちろん、派遣で働いてる方にも適した職場を紹介し、手厚くサポートしてきたからこそ信頼が生まれるのだと思います。

一昔前の派遣に対するネガティブなイメージを払拭すべく、自分に合った働き方ができること、充実したサポート体制をトップページで簡潔に紹介してます。

そして、ユーザーに興味を持ってもらえたところで「お仕事検索」して案件を探してもらい、アクションを起こすに至るという流れを考えてコンテンツを設計しました。

システムはティージェイエス様のオリジナル、レスポンシブwebデザイン対応で制作しました。

■ティージェイエス人材派遣ナビ:https://www.tjs-net.co.jp/haken/

衆議院議員の青山まさゆき先生のwebサイトをリニューアルさせていただきました。

青山まさゆき公式ウェブサイト

2016年に制作させていただいた衆議院議員の青山まさゆき先生のwebサイトをリニューアルさせていただきました。

リニューアル前のデザインは親しみやすく、あらゆるツールで情報発信して多くの有権者の方に認知してもらおうという意図で、YouTubeやtwitter、facebook、ブログなどSNSツールを数多く利用されていました。

webサイトにもYouTubeの窓やtwitter、facebookのフィードを表示し、ブログの新着を数件出力するといった盛りだくさんな状態でした。

しかし、あらゆるツールで情報発信したものをwebサイトに掲載しても情報が被ってしまい、閲覧者を混乱させているのではないかという懸念がありました。

今回の要件は有権者に知ってもらいたい情報だけをwebサイト上に掲載し、SNSのフィードやYouTubeの窓は表示せず、ボタンでリンクするのみにし、シンプルかつコンパクトにまとめることでした。

ワイドを1,920pxのディスプレイに対応させるためにwebサイトのデザインは写真を大きく使用し、余白をゆったりとるのがトレンドですが、見てもらいたい情報に焦点を当てるために敢えてワイドを狭めて余白もあまりとらないかたちでコンパクトにまとめました。

青山先生の活動や政策に焦点が当たって見やすく、わかりやすいwebサイトになったのではないかと思います。

「新しいデザインは改めて見ると本当にスッキリとして見やすいですし、シンプルでとてもいいなと思っています。」とご担当の方からもお喜びの声をいただきました!

もちろん、レスポンシブwebデザイン対応してますので、スマホもシンプルでスッキリと見えます。

お客様のご要望によっては、今回のようにトレンドとは逆行するデザインにすることも大切ではないかと感じました。

トレンドを追いかけることも必要ですが、何よりもお客様の目的を達成するためにwebサイトはどうしたらよいのか。それを的確に判断してご提案するのが私たちの仕事だと改めて感じました。

国会議員さんはどういう活動をしているのか、また政治をわかりやすく漫画で解説するコンテンツもありますので、政治に興味のある方はご覧になってみてください。

■青山まさゆき公式ウェブサイト:https://www.aoyama-masayuki.com/

静岡市社会福祉協議会さまの子育てサポート情報サイト

静岡市社協の子育てサポート情報サイト

静岡市社会福祉協議会さまが運営する子育てサポート情報サイトを制作させていただきました。

今回のご依頼は、静岡市社会福祉協議会さまが管理運営している事業「児童館」、「中央子育て支援センター」「放課後児童クラブ」を1つのサイトにまとめたいというご要望でした。

今までは児童館、中央子育て支援センターは各々独自ドメインとサーバーで運用されていました。しかも!児童館は11施設、中央子育て支援センターは3施設をサブドメインで運用されてました。

運用面をヒアリングすると必要最低限の更新ができればよいというお話でしたので、サブドメインは全て廃止しました。

WordPressで構築してユーザーを各施設ごとに作成し、編集権限を該当施設だけに割り振ることで、施設ごとの更新を可能にしました。

【今回の制作のポイント】

  • 更新したいことをヒアリングし、既存サイトと比較して整理
  • 既存サイトの情報とユーザー視点から知りたい情報を比較検討してコンテンツを提案
  • ターゲットであるお母さんがスマホで見やすいようにレスポンシブwebデザインを対応

各施設の担当の方が更新しやすいテンプレートを作成すること、静岡市社会福祉協議会さまが管理運営している事業を知ってもらうこと、閲覧者にとってわかりやすく、施設を利用してもらえるように誘導すること、これらを満たすことを目的に制作しました。

子育て中の方にとって便利な施設やサービスがあります。ぜひご利用ください。

社協の子育てサポート情報サイト:https://www.shizuoka-shakyo.or.jp/kosodate/

静岡市認定の小規模保育園むすび様

静岡市認定の小規模保育園むすび

静岡市認定の小規模保育園むすび様のwebサイトを制作させていただきました。

むすび様は、駿河区大谷で9年過ごした認可外保育施設「ひまわり保育園」から新しくなった小規模保育園です。

1人ひとりを大切にゆっくりじっくり人間の土台を作っていきたいという園長先生の優しい思いが伝わるように、イラストをオリジナルで書いて柔らかいイメージを出しながら、お子さまの写真を適度に使用して楽しそうな雰囲気を出せるように配慮して作成しました。

大切なお子さまを預ける施設なので、静岡市認定のしっかりした保育園であることを伝えることが重要です。

トップページは必要最低限の情報を掲載し、各ページでイラストや画像を使用しながら保育理念、方針、目標など、保護者の知りたい情報を充実させました。

お母さまが保育園のHPを見るケースが多いので、スマホで見やすいレイアウト(レスポンシブwebデザイン)に対応しました。

静岡市認定の小規模保育園むすび様:http://musubi-hoikuen.com/

静岡県内6会場で開催!外壁塗装セミナーのランディングページ:株式会社ハウスメンテ静岡さま

静岡県内6会場で開催される外壁塗装セミナー

株式会社ハウスメンテ静岡さまの静岡県内6会場で開催されている外壁塗装セミナーのランディングページを制作させていただきました。

ハウスメンテ静岡さまの外壁塗装セミナーは、約13年前から継続し、延べ1万人以上の多くの方々に参加いただいている大好評のセミナーです。

外壁塗装は、いまだに手抜きや、いい加減な工事が多い業界だと感じ、お客様自身が後悔しない為の情報公開が必要という強い社長の想いがあらわれています。

お客様に正しい知識を覚えていただければ、業界全体の底上げにもつながる。足を引っ張りあうのではなく、業界をレベルアップしてお客様にご満足いただくサービスを提供することを第一に考えていらっしゃる姿勢に深く感銘を受けました。

ランディングページですが、必要最低限の内容を掲載し、セミナーへ参加してみたいと思わせるコンテンツを並べました。

何か外壁塗装の情報はないかとスマホで軽く検索している方にもわかりやすく見やすいようにレスポンシブwebデザイン対応しています。

また、配信地域を限定してYahoo!のトップページにも画像広告を掲載し、セミナーのランディングページへリンクさせています。

Yahoo!トップページブランドパネル

外壁塗装を依頼するのに少しでも不安のある方、外壁塗装そのものがよくわからない方、決して安い工事ではないので事前に知っておいて損はありません!

しかも参加無料です!私も参加したことがありますが、外壁塗装のチェックするポイントや見積りの正しい見方などを詳細に教えてくれます。しつこい営業や売り込みもありませんので、安心してご参加ください。

■外壁塗装ランディングページ:わずか90分で外壁塗装の信頼できる業者選びのポイントが分かるハウスメンテ静岡の無料セミナー

株式会社ハウスメンテ静岡さま:https://www.hm-s.co.jp/

静岡市葵区紺屋町にある24時間営業の筋トレ専用ジム「MEN’S GYM LIMITED」さま

静岡市の24時間営業の筋トレジムMEN'S GYM LIMITED」

男性限定の筋トレ専用ジム「MEN’s GYM LIMITED」さまのwebサイトを制作させていただきました。

ジムのコンセプトは明確で、

  • 24時間営業365日営業でいつでも出入り自由
  • 月会費6,000円(税抜)と低価格で利用可能
  • 紺屋町地下街にある利便性

の3つがポイントです。

街中で働いている方にとって、隙間時間にいつでも筋トレできる環境があることは珍しいのではないでしょうか。

郊外ではたまに見かけますが、会社に行く前、帰るときに立ち寄れるジムがあるのは大きなメリットになると思います。

しかもシャワールーム完備で汗をかいても安心です。

街中のジムで使いたい放題で月6,000円。安い!筋トレ男子にはありがたいジムですね。

ターゲットであるサラリーマン男性を意識したメインビジュアルを採用。筋肉づくりを習慣としている方に訴えかけるコピーにしました。

スマホで見やすいことに配慮し、余分な情報を極力載せないけどジムのメリットはしっかりと伝わるようにまとめました。

2019年4月1日(月)オープンです!会員は200名限定なので、お早めにお申し込みください。

MEN’S GYM LIMITED

住所:〒420-0852 静岡市葵区紺屋町1-12 協友ビル地下1階
JR静岡駅北口から徒歩5分

営業時間:24時間年中無休

URL:http://mens-gym-limited.com/

リニューアル公開後、わずか3週間でユーザー数が780%増加したエンゼル矯正歯科・小児歯科クリニックさま

エンゼル矯正歯科・小児歯科クリニック

興味がわくタイトルにしてみようと思い、ロングテールのタイトルにしてみました(笑)

さて、昨年末にエンゼル矯正歯科・小児歯科クリニックさまのwebサイトをリニューアル公開させていただきました。

エンゼルさまは本体サイトとサブドメインで小児歯科サイトを運用されていましたが、今回、矯正歯科に特化したwebサイトにしたいというご要望がありました。

エンゼルさまは、アライナー矯正(透明マウスピース:商品名 インビザライン)をメインにした矯正歯科専門クリニックです。

口腔内スキャン(インビザライン社公認:静岡県に数台)を使用し、精度の高いアライナーを製作しています。歯型取りに置いて、口腔内スキャン(デジタル光学印象)のミスは、手によるミスの1/10だそうです。

インビザライン矯正は、CGで現在の歯並びから治療後の歯並びまでをシミュレーションで可視化しているから、わかりやすくて安心ですね。

エンゼルで矯正治療を受けている患者さんの9割くらいはアライナー矯正だそうです。

こんなに特長のある矯正歯科治療をされているので、弊社は情報を整理し、ユーザーへわかりやすく表示することに注力しました。

杉本先生はwebサイトの内容を考えるのを楽しみにされていて、色々な意見をいただきました。私はユーザー目線で考えて先生のご意見も含めてページの内容やレイアウトをご提案させていただきました。

やはり、お互いに良いwebサイトにしようと考え、意見を積み重ねてできたwebサイトは成果が出ます。

業者におまかせではなく、経営者として意見や考えが加わると魂が吹き込まれてユーザーにもそれが伝わります。

この違いは大きいと今回改めて感じました。

webサイトはレスポンシブwebデザインで制作し、お知らせや院長コラムはサクセスCMSを前回に引き続き組み込みました。

トップページにGoogleカレンダーを埋め込んで診療日や休診日、受付時間をすぐ把握できるように配置し、マイマップでクリニックと契約駐車場をわかりやすく表示しました。

先生のお人柄、矯正歯科専門医の資格をもつ確かな技術、豊富な治療実績、これらもしっかりと掲載することで、ユーザーに親近感や安心感をもってもらうことを意識して制作しました。

杉本先生、ありがとうございました。今後ともよろしくお願いいたします。

エンゼル矯正歯科・小児歯科クリニック

■URL:https://www.angel-ortho.com/

創業から300年続く畳店「株式会社松永畳店」さま

松永畳店様webサイト

株式会社松永畳店さまのホームページをリニューアルさせていただきました。

松永畳店さまは、江戸中期の元禄十五年(1702年)一月、駿河の国は駿府両替町三丁目(現在の本社所在地)にて、初代畳屋長兵衛が創業されました。

企業の9割が5年で廃業と言われるなか、300年ですよ!素晴らしいとしか言いようがありません。

松永畳店さまは、300年という歴史がありながら手縫いの技術はもちろん、それだけに拘るのではなく、畳のあることで得られる「ゆとり」や「ぬくもり」をこれからのライフスタイルにコーディネートしていきたいという「こだわり」があります。

既存のかたちにとらわれないオリジナルの商品、畳にごろりと寝そべると心が落ち着く感覚、しあわせを価値として伝わるように心掛けて作成しました。

職人さんの仕事をホームページで表現すると、どうしても技術を前面に出して紹介してしまう傾向がありますが、その技術は商品を手にしたユーザーへ何をしてあげたいから磨いているのか。それがお金を払う対価、つまり価値です。それを伝えることが私たちの役割だと思っています。

松永畳店さまのwebサイトは、レスポンシブwebデザイン対応で制作しています。

畳のある部屋でごろりと寝そべりたい!

株式会社松永畳店

〒420-0901 静岡市葵区北沼上877-7

TEL 054-266-2024

シングルオリジンなどのお茶通販なら静岡市の茶空間さまへ

シングルオリジンなどのお茶通販「茶空間」

日本茶カフェも営んでいるO-Cha-Cafe 茶空間さまのwebサイトをリニューアルさせていただきました。

今回は、通販に力を入れて売上を伸ばしたい、日本茶もコーヒーのようにシングルオリジンの味や香りなどの違いを楽しんでもらえるコンテンツを作りたい、というご要望をいただきました。

オーナーからお話を聞くと、お茶も産地、品種、製法などで自分好みの味が選べることや、茶空間さまが他店では揃えられないシングルオリジンやストレートティー、ブレンドの日本茶と幅広く取り揃えていることがわかりました。

まず、商品カテゴリーを種類や製法で分ける従来の方法ではなく、「シングルオリジン」「ストレートティー」「ブレンド」の3つを主として再構成しました。

そして、商品画像の一枚目に日本茶の特長である「渋み」「甘み」「コク」「香気」をそれぞれ5段階で評価したグラフ画像を掲載し、産地、品種、製法が一目でわかるようにしました。

さらに、 オーナーの豊富な知識を活かしてお客さまにお茶を楽しんでいただくために、「シングルオリジンの日本茶」「産地・品種・製法について」「お茶の選び方」「美味しいお茶の淹れ方」のページを作成しました。

webサイトは、カラミーショップの有料テンプレートをカスタマイズしてデザインしました。スマートフォンでも適切なレイアウトで表示されますので、購入もしやすくなりました。よく見るお茶屋さんの通販サイトとは一線を画したwebサイトになったのではないでしょうか。

■O-Cha-Cafe 茶空間さま:https://www.chakukan.com/