ホームページ制作実績

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

しずおか棚田・里地くらぶ公式サイト

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

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

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

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

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

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

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

EM研究所様のコーポレートサイトをリニューアルさせていただきました。

EM研究所コーポレートサイト

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

言い訳です(泣)

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

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

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

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

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

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

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

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

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

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

ふじのくにICT人材育成事業公式ウェブサイトを制作させていただきました。

ふじのくにICT人材育成事業公式ウェブサイト

ふじのくにICT人材育成事業公式ウェブサイトを制作させていただきました。

レスポンシブwebデザイン、WordPressで構築し、見やすい、更新しやすいサイトを意識して作成しました。

■ふじのくにICT人材育成事業公式ウェブサイト:https://fujinokuni-ict.net/

ICT人材育成の情報発信に貢献できるように、これからもバックアップしてまいります。

アメーラトマト【公式通販ショップ】をリニューアル

アメーラトマト公式ネットショップ

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

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

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

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

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

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

梅ヶ島温泉 清香旅館さまの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/