長野県歯科技工士会のホームページを制作しました
長野県の歯科技工士が所属する、長野県歯科技工士会の活動報告や、歯科技工士を紹介するための、見やすくてわかりやすい、会の内容を分かりやすくウェブリティラシーが低い方でも見やすいホームページを制作しました。
マルチディバイス対応のレスポンシブWEBデザインによる、スマホファーストの歯科技工士ウェブサイトです。
「レスポンシブ」の検索結果
松本市歯科・小児歯科医院サイト
長野県松本市の一般治療と小児歯科矯正に特化した歯科医院ウェブサイト
小児科のウェブサイトを制作しました。フラットデザイン・縦長デザイン・レスポンシブルデザインに対応した、一般治療と小児歯科矯正に特化した、長野県松本市の歯科医院のウェブサイト制作です。保護者の方が、安心してお子様に治療を受けてもらうためにデザイン面に気を使いました。また、スマホでも簡単に予約できるウェブ予約システムを設置してあります。
ウェブ歯科用予約システムではレセコンと同期してデーターを共有することもできます。歯科医の人件費削減にも役立ちます。
なお歯科・なお小児歯科医院ウェブサイト制作
太陽光パネル洗浄ウェブサイト
環境に配慮したクリーンアップを考えた、松本市のクリーンアップ事業ウェブサイトを制作しました
厳選した、環境に優しい洗浄剤を使用し、地球にもお客様にも優しいクリーニングを心掛けた、太陽光パネルクリーニングやベットマットレスクリーニング等の清掃業務をメインに行なっている、長野県松本市有限会社ディブロップ環境事業部のウェブサイト制作を行いました。
マルチディバイス対応のレスポンシブWEBデザインによるスマートフォンファーストのウェブサイトです。ただし、PCでのサイト閲覧に対してもサイト閲覧に対してもB TO Bの要素も多々あるので配慮しました。長野県松本市の環境に配慮した松本市のクリーンアップ事業者様のサイトとして公開いたしました。対象エリアは近県となっております。
松本市の環境に配慮した松本市のクリーンアップ事業者有限会社ディブロップ環境事業部
スマホブラウザーを意識したブログの書き方
スマホブラウザーコンバージョンを考えたブログ投稿方法
簡単に言うと、スマホでビジネスブログを読んでもらうためのスマホファーストならではの工夫が必要になります。
スマホブラウザーコンバージョンを考えたて、スマユーザーを意識したブログ投稿方法を理解してビジネスブログを書きましょう。
テキスト数・改行・画像の比率などを考慮しなければなりません。
スマホファーストの必要な条件
上記のライフハッカー［日本版］ のスマホ版では、上記のようにただサイトをレスポンシブ化しているのではなく、スマホ用にかなりの変更がなされています。
スマホ用header・ブラウザー最下部のビジネスブログで言えばコールアクション。このサイトでは、ソーシャルボタンになっていますが、ビジネスブログなら電話相談やメールのお問合せにボタンが必要です。そして、適切な画像サイズになります。
PCで表示される画像サイズを考慮しないとスマホでのウェブサイト表示時に画像よこ100%で表示させた時の縦の長さを意識する必要があります。
ビジネスブログのスマホファーストの書き方
テキスト数と改行・画像を意識して書く必要があります。できれば、次のページブタンなどを付けて、ファーストビューは、スマホのブラウザーをスクロールさせなくても記事の概要が分かるようにする必要があります。
まず、上記のことを意識してブログを書くようにしましょう。
スマホファースト、本当の意味と必要性。
スマホ対応ではなく、スマホファーストの違いとは？
スマートフォンでのアクセスが６０％を超えたら、スマホファースト（モバイルファーストとも呼ぶ）にウェブサイト（ホームページ）を変更する必要があります。スマホファーストとは、ただのレスポンシブレスポンシブデザインにして、スマホでも見やすくするという概念ではあります。より、スマホに適した、フラットデザインやマテリアルデザインを利用して、見やすく操作しやすいスマートフォン優先したウェブデザインを活用したサイトにする必要があります。
どこがどう違うスマホファーストとスマホ対応ウェブサイト
一言で言ってしまえば、テキスト数が遥かに少なくなります。画像でユーザーのこころを惹き付ける必要があります。スマホで読みやすいテキストするため、殆どテキストを利用せず、アイコンなどで操作が出来るようにボタンの解説などはありません。また、最下部には、そのまま電話で問合せをしてもうためのコールアクションを設けます。また、テキスト数が少ないので、アニメーションを活用します。
ブログのテキストの改行を気をつける必要があります。長文でも読みやすくする必要があります。
弊社弊社ページ
SNSはスマホで見るからそこからのリンクを大切にする
FACEBOOKやInstagramを利用する人はスマホが殆どです。そこからのリンクをもらいサイトにユーザーを呼び込んでもスマホファーストのサイトでなければ、ユーザーに不快感を与えます。一度与えた不快感は、早々に拭えません。時代に対応したウェブサイト作りが収益拡大に役立ちます。
温泉施設サイト制作 松本市波田の日帰り
松本市の日帰り温泉施設サイト制作しました
株式会社奥原造園様が松本市より指定管理事業として承った、松本市波田の日帰り温泉施設のサイトを制作しました。
国内有数の泉質の温泉の良さを表すため、白をメインとしたシンプルなサイトに仕上げました。
もちろん、WordPressのレスポンシブWEBデザインです。
株式会社奥原造園様 松本市指定管理事業サイト竜島温泉 せせらぎの湯
サイトリニューアルゴミに関するお悩み解決
松本市のゴミに関するお悩み解決業ゴミ処理のサイトをリニューアルしました
長野県と近隣2県の産業廃棄物収集運搬をメインに、地域に寄り添う環境を美化を目指す、松本市のゴミに関するお悩み解決業者様です。
マルチディバイス対応のレスポンシブWEBデザインによるスマートフォンファーストの一般の方向けのウェブサイトです。
長野県松本市の産業廃棄物収集運搬業者様のリニューアルサイトとして公開いたしました。
松本市の産業廃棄物収集運搬業者有限会社ディブロップ
佐久行政書士事務所ホームページ制作
持続化補助金で制作された行政書士のホームページ
長野県南佐久郡の地域の方・農家の方の相続に寄り添った行政書士事務所事務所のホームページを制作しました。マルチディバイス対応のレスポンシブWEBデザインによる長野県南佐久郡の行政書士事務所事務所のウェブサイトを公開いたしました。
目の悪い方や、お年寄りの方がご覧になった際にも文章が読みやすくなる様に、フォントサイズ等を通常より少しだけ調整しました。ユニバーサルデザインにも対応しています。相続ビジネス専用の行政書士の昨年の持続化助成金を獲得して制作しました。
作相続相談室竹内達朗行政書士事務所
Google検索モバイルファーストの考え方-SEO対策知っておくべきコトウェブ担当様
GoogleのモバイルファーストへのSEO対策の概念
ウェブマスター向け公式ブログのモバイル ファースト インデックスに向けて（2016年11月5日土曜日）に公開した記事によると、未だGoogleはスマホサイトでの評価を文字サイズや>レスポンシブデザインのみのモバイルファーストのみの評価をしているようです。現在は、Pc版のみの評価が検索結果に反映されるようです。
スマホファーストでのウェブデザイン
上記を理解するとレスポンシブデザインでもスマホ表示にする時にスマホでもっと見やすくするためにテキスト数を削除する方法が考えられる。また、その先にPC版（デスクトップ版）では、TOPページもテキストを増やすという手法も考えられる。言い換えれば、PC版の構成が良ければ、検索表示反映されるが、現在では、スマホサイトは評価していない事になります。
スマホサイトはできるだけテクストを少なくする方が見やすいわけで、そのためフラットデザインなどで、PC版も作り、そのままスマホにレスポンシにされるのですが、手間を少しかけて、スマホではテキストを捨てて、見やすさ重視のマテリアルデザインにするべきではないでしょうか？
将来的に Google のアルゴリズムはモバイル版のコンテンツを主に使用するようになります。つまり、ページのランキングを決定したり、構造化データを理解したり、検索結果にスニペットを表示する際も、モバイル版のコンテンツが使用されるようになります。もちろん、Google のインデックスがモバイル版のコンテンツで形成されるようになっても、デスクトップ端末かモバイル端末かに関わらず、すべてのユーザーに素晴らしい検索体験を提供し続ける点は変わりません。
レスポンシブデザインや動的な配信を行っているサイトで、主要なコンテンツやマークアップがモバイル版とデスクトップ版で同一である場合は、何も変更する必要はありません。
ウェブマスター向け公式ブログのモバイル ファースト インデックスに向けて
スマホから集客するためのウェブ制作
スマホファースト・モバイルファーストのウェブ制作
デスクトップ（PC)用のホームページをそのままスマホ対応にしてもスマホからの集客は見込めません。デスクトップ用もスマホファーストのウェブサイトにリニューアルする必要があります。それは、ただ、レスポンシブWebデザイン（ブラウザーの横幅に合わせて最適化・可変するシステム）すれば良いということではありません。スマホで見やすく、ユーザーからリアルな成果を得る仕掛けが必要になります。
質の高い画像とボタン
スマホファーストのデザイン思考は、フラットデザイン・マテリアルデザインにする必要があります。ボタンなども画像を使わずCSSを多様化したウェブ制作になるので、技術力の高いコーディングが必要になります。そして、ユーザーを誘導するための画像・コピーライト・ボタンのみシンプルなUIが必要になります。 スマホで、ウェブサイトを見るのですから、テキストばかりのTOPページでは、醜くなり、ユーザーの興味を引きません。また、スマホを縦横にスライドできるエフェクトなどで、楽しさやみやすいウェブデザインにする必要があります。 スマホでは、メールでのお問合せが非常に面倒になります。よって、相談ダイヤルなどを設置して、スマホブラウザーの下部にタップして電話ができるようにします。できれば、２４時間ダイヤルにして、営業時間外は、録音システムで、ユーザーからの回答の希望時間を聞けるようにするのも良いかもしれません。とにかく電話を書けやすい仕掛けが必要です。
リアルに成果を得るための仕掛け
塩尻市ギター製造関連サイトリニューアル
カスタムギター製造のお店のウェブサイトリニューアル
「より多くの人に、世界に一つしかない自分らしいギターを手にしていただきたい。」そんなクライアント様の思いを叶えるために、
スマホ対応のレスポンシブウェブデザイン・フラットデザインのウェブデザインを採用し、ホームページのリニューアルを行いました。
自社製造のこだわりのある、カスタムギターを見てもらうための工夫と、COOLなイメージをテーマに制作しました。
モバイルファースの概念
モバイルファース・スマートフォンファーストの概念
モバイルファースト・スマートフォンファーストという概念が今のウェブ制作が行われています。
しかし、弊社はデスクトップからレスポンシブで制作を始めます。そして、スマホでの出来ることは、やはりデスクトップより少ないのも事実です。それは当然、デスクトップよりキャンパス自体が遥かにスマホの方が小さいからです。そこで、モバイルファースト・スマートフォンファーストは現実的にどのように考えて制作すればよいのかを私が行っている項目を一部紹介します。
モバイルファースト・メールでのお問合せについて
メールでのお問合せ激減しているのもスマホユーザーが多くなったからでしょう。その代わりに、お問合せなどが電話に変わりました。電話しやすい仕組みを考える必要があります。
モバイルファースト・テキストコンテンツ
ウェブは、「サラッと見る」というテキストコンテンツも更にサラッと見ることになるスマホです。
適切なイメージ画像を使用して、コンテンツを短くする必要があります。その分コピーライトが更に重要になります。
モバイルファースト・マテリアルデザイン
フラットデザイン・マテリアルデザインでは、解説なしにランディングページにユーザーを引き込む必要があります。
一つ一つのボタンをどの位置に設置するのかを考える必要があります。まず、Googleのガイダンスを理解する必要があります。
Googleマテリアル デザインのガイドライン（日本語版）
弊社のこのTOPページでは、ファーストビューでランディングページに湯初するボタンだけを設置しています。つまりユーザーを誘導する必要があるからです。
まだまだ、あるスマホファースのユーザビリティ
まだまだ、あるスマホファースのユーザビリティの向上方法あります。大切なのは、ランディングページでユーザーの「これ欲しい！」「これ購入するとこんなことが出来る」などのユーザーの心を熱くさせる仕掛けです。
