また、グローバルナビを配置しない代わりに、メインビジュアル内の左側にメニューを配置し、見ている人が何をしたいかで次のページに繋げるようしています。
レイアウトは3カラム化。情報を区分けし整理した配置に変更しました。
従来も表示していた導入事例はトップページの中心へ。中央で目立たせることにより、これらの事例を見るだけでスカイアークシステム様の特徴がご理解いただけるかと思います。
その他、セミナー情報、日本中のエンジニアに注目されているニュースやブログなど、需要の多いコンテンツの情報がひと目でわかるように配置しています。
このコーポレートサイトリファインにより、さらに多くのお客様がスカイアークシステム様に魅入られることを願っています。
●実際のウェブサイト http://www.skyarc.co.jp/
このサイトももちろんMTを使用。初期構築はスカイアークシステム様が担当されました。同社で開発されているプラグインを利用し、主にウェブページを利用したサイト構成となっています。
さすがMTベンダーとしてトップを誇るスピードは圧巻で、そのスピードとトップレベルの技術が日本中の大企業からの信頼を厚く得ているのだろうとより実感させていただきましたが、それは同じ帯広市を拠点に全国で活躍されている様子がとても刺激となりました。
社内のコミュニケーション円滑化や作業効率化に最適なツール、ソラノワ。すぐに試していただけるようになっておりますのでトライアルをお申込いただければと思います。
●実際のウェブサイト http://solanowa.jp/
FlashはCM的な要素を含むため左右を100％に設定し、広い面積をとりました。新作発泡酒のキャラメルスウィートという商品部分は、いつも素晴らしいデザインで有名な二人が手がけた元々あったものを組み直しました。
またトピックスの部分に関しては、制作元のプログラマーさんが時間の無い中PHPでサッと組んだもので、その対応の早さにコーディング制作が遅れていた分とても助けられました。
ビールだけではなくイタリアの職人が作った窯で焼き上げるピザや、新鮮なサラダ、メインディッシュなどの食材は地産地消を掲げたお店だけあって十勝産が多く、農業大国十勝の畑の恵みを味わえる場所となっています。帯広に来られた方はもちろん地元の方々も自分の住んでいる所の再発見として立ち寄っていただければと思います。
●実際のウェブサイト http://www.tokachibeer.jp/
デザインは、実店舗の雰囲気をそのまま活かした赤と木目を基調とし、トップページにはよく売れている商品を並べてリピーターはワンクリックで購入できるようにしました。
帯広では豚丼はとてもポピュラーで家で作ることが多く、恥ずかしながらこの案件を頂いて初めてぶたはげ様の豚丼を食べさせていただきましたが、これほどまでに豚丼が美味しいと感じたことがなく、定期的に豚丼を食べに行きたくなりました。
豚肉はサシの入った柔らかい道産、たれは甘すぎず独特なコクがあり、上にかかっているコショウはほのかに山椒の香り。ご飯も料亭の技が見えるような炊きあがりで、シンプルな料理なのにとても感動しました。そういったこだわりは、ウェブサイトに掲載しておりますので是非ご覧ください。また埼玉にも出店予定がありますので、近郊の方はRSSで最新情報をチェックいただければと思います。
●実際のウェブサイト http://www.butahage.com/
最新情報のページは、以前は各ページのフッタにお知らせ的に表示されていたのを、イベントやデパートの催事を頻繁に行われる花奴様にとって重要度が高い情報とみなし、追加ページを設けるご提案をさせていただきました。
また、店舗展開にも力を入れられているため、以前は店舗情報ページが横長の固定サイズ1枚にギュッと収められていたものを、新店オープンしても下にどんどん追加でき、見た目が小さくならないようにしました。
ウェブショップは、ショッピングカートを新設せずに、シンプルにフォームメールで対応することでコストダウンを可能にしました。全商品を1ページで収めることは、商品の詳細がわかりにくいというデメリットがありますが、商品写真をクリックして表示される拡大写真にある程度の情報を入れることで解決しました。
花奴様のお菓子は、とてもこだわって作られていて、口にすると「活きている」と感じさせるお菓子ばかりです。素材の中にはOMAの拠点、北海道のものも多く使われているため、とても親近感が沸きます。個人的に大好きなのは「東京うどら」で、驚きがあり本当に美味しいです。こちらからご注文・ご賞味いただければと思います。
●実際のウェブサイト http://www.8785.co.jp/
外に居ても見られるようにし、番組で紹介したお店に行くためのメモ代わりとして使うことも可能です。
特に難しいシステム組みをせずに、流れを配慮したサイトが出来上がったと思います。
MovableTypeのメリットとしてはやはり毎日変わる更新作業です。番組の次回のみどころ情報や、電話でのお問い合せの軽減を図るため、問い合せの多いサポート情報を簡単に追加することができます。また事前に公開する内容を保存し、指定日に自動的に公開されるようになっています。「グローバルウィジット」という機能も便利で、キャンペーンなどの更新が頻繁なバナー類、サイドバーの構成をドラッグドロップのマウス操作だけで、順番を入れ替えたり画像の差し替えを簡単に変更可能にしています。
全体的なデザインは、どちらかというと女性に向けつつも男女問わないものを目指し制作いたしました。OCTVプロバイダ加入者様は今後、同軸から高速な光サービスへと移行が始まっていくためにブロードバンドならではの動画を配置し、番組の特色を強く印象づけています。
「OCTVアーカイブス」という過去の放送を観ることができるページをはじめ、楽しいコンテンツがたくさん詰まっています。加入者様でなくとも、帯広での生活に是非活用いただきたいと思います。
●実際のウェブサイト http://www.octv.jp/
日高山脈の麓、様々な生命を感じることができるガイドツアー、その場で採れた新鮮な食材を使ったレストラン群、豊富なプログラムの自然の教育、十勝で感じたことを人間というフィルタを通して生まれた現代アートたち、自然の営みと一体化した美を追究したガーデン...
今年は加えてセグウェイが登場し、ますます楽しめる場所となるでしょう。
●実際のウェブサイト http://www.tmf.jp/
サイト構成はシンプルなため、それぞれのカテゴリをヘッダ部分に横に並べ、見やすいナビゲーションにし、全ページの右サイドにはご相談用ダイアルや住所・地図を表示。どのページからこのサイトにたどり着いてもコンタクトを取りやすいようにしました。
数点の写真撮りに行かせていただいた時、一番に目に入ったのはエントランスにあるとてもキレイなフラワーアレンジメントで、無機質になりやすい事務所の雰囲気を常に生花をいけてあることで、明るく変化をつけておられました。その写真は事務所案内のページに掲載しています。
●実際のウェブサイト http://www.murayama-law.jp/
更新されたページが一目でわかるよう、全ページの右サイドに配置。
ライオンズ会員様がこのサイト以外に必要な情報サイトへのリンクを同じ位置にバナーで配置し、このサイトがポータル的に便利に使っていただけるよう配慮しました。
全体的なデザインは、カッチリとしたイメージにしたいと思い、クールな色づかいにしました。キャッチに少し青めのグラファイト、コンテンツ部分はシャンパーニュ系の配色です。
●実際のウェブサイト http://www.lions331b-cab.jp/
そのお賽銭にはPaypalというアメリカではとても有名な決済システムを使用しています。基本料金などはかからずに、とても気軽に利用できるのが特徴です。
素材はすべてAdobe IllustratorのEPSデータで、どんな業種のデザイナーも使うことができるのを前提としています。データをそのまま売ってしまうことだけはご勘弁いただき、商業でも個人でも自由に使っていただければと思います。もちろん、変形や編集されても構いません。
とてもシンプルにMovabletypeで構築し、素材の管理を簡単にできるようにしてあります。
スローペースですがどんどん増やしていくつもりです。気に入っていただけたら、画面の右下にある「Donate Paypal」ボタンでぽちっと1ドルお願いします。
●実際のウェブサイト http://www.o-m-a.jp/element_bank/
「2.開催しているイベントの詳細」に関しては、トップページにサムネールを出し、イベント情報ページへ行きやすくしています。トップに出せるイベント項目は、その時期に合わせベア・マウンテン様側で簡単にコントロールできるようにいたしました。クリックした先のイベント情報ページは専用にカスタマイズし、開催日を見出しで大きく表示、イベントの概要もここで確認できるようにしてあります。
デザインは、動物園や遊園地とは違う、体験学習的なニュアンスを伝えるため、楽しい雰囲気ではなく現地の荒々しい自然の雰囲気をイメージしました。
担当のプレスの方のお話を伺っていると「ただ回って見るのではなく、こう見るともっと楽しい」というコツがあるということで、それらは個別ページを作らせていただきました。このページはMovableTypeのウェブページというバージョン4の機能を利用し、単独ながらもプログラムコードを気にせずに編集できるようになっています。
サホロといえば冬季のイメージが強いですが、雪の降らない季節もおすすめです。晴天率が高く身近に自然を感じられ、しかもリゾートの豊かさを併せ持つとても良い場所です。マウンテンバイクやラフティングなどのアクティビティ、深緑の中の露天風呂、十勝の食材のフレンチ、アロマテラピー... そしてその山奥に入ると野生のヒグマがいるというリアリティのあるシチュエーションの中で、ヒグマを安全に見ることができるベア・マウンテン。一度足をお運びください。
●実際のウェブサイト http://www.bear-mt.jp
FlashVideoを利用し、ブロードバンド環境であればストリーミングサーバ（映像を配信するための専用サーバ）を使わずとも、かなり大きなサイズで映像を楽しむことができます。フレームレートは落としつつも、画質を極力高い状態にするため何度かテストを繰り返し、きれいに観られるように圧縮しました。映像素材は、ビデオライブラリーとして利用可能ですのでプロダクションの方は是非お問い合わせください。
読んでいるとノースメディア様制作番組を観たときに「あ〜！！」とうなずいてしまうような内容のブログ。北海道の美しさを見たことのない方でも雰囲気を味わえるきれいな映像。もちろんRSSも埋め込んでいますので、リピーターとしてご覧いただきたく思います。
ビデオライブラリには実はオマケキャラでoma三人衆もセグウェイに乗ってチラっと登場しています。
●実際のウェブサイト http://www.northmedia.jp/
ケータイキットというツールを利用したケータイ用サイトもあり、MovableTypeをCMSとし運用できるようになっています。最近はターゲット年齢層に問わず、ケータイ用サイトがあるのが普通という潮流になってきているのを感じますが、今回も例外ではなく、やはり一番身近にある情報端末は大きなカギを握っていると再認識しました。
この辺りの銀座は個人的にとても大好きで、あの街並みにあるこのGALLERY OF LEMONTREE様の雰囲気がウェブサイトを通じて伝わればうれしいなと思います。
●実際のウェブサイト
http://www.lemontree.co.jp/GINZA/
オープンの数日後にいくつかの重要キーワード（札幌・庭、札幌・エクステリア、帯広・庭、帯広・エクステリアなど）検索で1～2ページ目表示させることに成功しました。
トップページのメインビジュアルであるFlashは、施工実績のページを登録した際、自動的にメイン画像とキャッチコピーが読み込まれ、ランダムに表示。
視覚的にこのサイトの最大のポイントである実績をアピールさせています。
これまでモエレ沼公園・十勝千年の森など数多くの公共施設で実績のあるサンコー緑化様。その技術力でオリジナルのエクステリアを個人向けに提案していくため、信頼性・安心感・親しみを伝えられるようブランド面からみてもお客様との繋がりを結びつけることができるブログとそのコメント欄オープンを強くご提案しました。
北海道では住宅を建てる際、建坪率いっぱいに建設することが多く、それに従い「残り少ないスペースだから...」と考えがちでエクステリアに力を入れている家は少ないです。でもその少ないスペースですら手を加えることで豊かさを数倍にも上げることができることがわかりました。そういった部分もこのサイトを見ることで伝わればうれしいと思います。
●実際のウェブサイト http://www.e-niwaplan.jp/
このサイトで特筆すべき点としては、オンラインショップです。すべての商品がMTでのエントリーとなっており、商品はブログで記事を書くのと同じ操作で可能なため、品目の登録・削除も柔軟にお客様側で管理できます。
残念ながらカード決済等は利用できないものの、小規模からスタートされるのであればコスト面を考慮するとベストな方法だと思います。
コラム部分はブログ的なものとして構成してあり更新頻度も高く、熱意のあるオーナー様のこだわりを十分に感じることができる内容となっています。
インド・アーユルヴェーダに従った髪のいたわりを考慮したヘナや雑貨、書籍なども扱っているオンラインショップで、ご自分にあった商品を是非購入してみてください。全国的にも珍しいこういったこだわりを持ったショップのお手伝いをさせていただき良い経験ができました。
●実際のウェブサイト http://www.okutaki.com/