FacebookやTwitter、そしてスマホ＆タブレットの台頭。
今ホームページの在り方が大きく変わろうとしています。
iPhone の登場以来、破竹の勢いとなっているスマートフォンですが、すでに『携帯購入ランキングの上位10位中９位までがスマートフォン』『東京都内では電車内使用携帯の内、スマートフォンユーザー比率70％以上』『若者の２人に１人がスマートフォンユーザー』となっています。いまやスマートフォン契約者が携帯契約者を追い越し、インターネットの閲覧もパソコンに取って替わる時代がすぐそこまで来ています。
企業やサービスにおいては、このスマートフォン＆タブレット時代に対応したホームページづくり＆コンテンツづくりが急務の課題と言えるでしょう。またFacebookやTwitterといったSNS(ソーシャルネットワークサービス)の台頭もホームページの在り方を見直すいい機会となっています。サウザンズでは、HTML5やCSS3といった最新の技術でスマートフォン＆タブレットにも最適化されたWeb制作やサイトリニューアルにお応えしています。
制作料金のお見積もり依頼はこちらから。
Flashの開発元Adobe社が、モバイル用FlashPlayerの開発を終了。もはやAndroidスマホも蚊帳の外ではありません。
Flashの開発元のAdobe社が、モバイル向けのFlashPlayerから2012年に完全撤退したことで、Android系スマートフォンにおいてもHTML5化は必須事項となっています。サウザンズは、これまでHTML5では難しいとされたエンターテイメントなページにおいてもHTML5やCSS3といったWebの最新技術を駆使して、Flashで培ってきたクリエイティビティと高いインタラクティブ性で、高品質で好感度の高いWebデザインを提供しています。サウザンズのトップページでティラノサウルスやプテラノドンが動いているのもFlashではなく、“HTML5+CSS3”のなせる技です。もはやパソコン用、携帯用、スマートフォン用と別々のページをつくる必要はありません。これからは“HTML5+CSS3”で、ひとつのフォーマットですべての端末で見ることが可能になるのです。
“現代Web３種の神器”制作費概要
企業ページにおいてWeb環境に必要な公式twitter、公式Facebookページ、スマホ対策の３つを“現代web３種の神器”と名付けました。
| 制作物 | セット内容 | 価格 |
|---|---|---|
| 公式twitterページ制作費 | 基本設定＋背景画像＋プロフィールアイコン | 一式39,800〜 |
| 公式facebookページ制作費 | 基本設定＋welcomeページ＋カバー画像＋プロフィールアイコン （オリジナルページは、１ページ20,000〜） |
一式80,000〜 |
| スマートフォン対応ページ | 基本５ページ（PCページとの自動振分け機能付き） | 一式100,000〜 |
| 《タブレット対応》 縦スクロール型ホームページ |
基本3ページ （オプションページは、１ページ20,000〜） |
月額10,000円プラン〜 |
2013年実績 Facebookページ制作
世田谷区上野毛 松村医院 公式Facebookページ
［世田谷区上野毛 松村医院］公式Facebookページ（旧ファンページ）です。
［いいね！で購読ページ（旧Welcomeページ）］
［プリント保存版地図ページ］
［診療曜日と診療時間ページ］
のオリジナルページを制作しました。
また先代からの医院の歴史を見れるように小史データをタイムラインに作成しました。
- オリジナルページ制作
藤原和博のデザインワーク ブランドFacebookページ
元杉並区立和田中学校校長、また現在は教育改革実践家を標榜する藤原和博氏が運営する「よのなかnet」。その人気のコーナー「藤原和博のデザインワーク」がFacebookのブランド公式ページとして誕生しました。
［初めにご覧くださいページ（旧Welcomeページ）］
［腕時計japanページ］
［21世紀のランドセルページ］
［twitterページ］
［お問い合せページ］
のオリジナルページを制作しました。
今後はブランドページとして、販売ページへのリンク等も計画しています。
- オリジナルページ制作
2013年実績 Web制作 RetinaDisplay（高解像度ディスプレイ）対応（スマートフォン＆タブレット端末対策済み）
藤原和博の「よのなかnet」
都内では義務教育初の民間校長として杉並区立和田中学校校長を務め、また現在は教育改革実践家を標榜する藤原和博氏が運営する「よのなかnet」。トップページは本人が直接更新できる1000's制作のCMSを採用。スマートフォンやタブレットからの閲覧にも対応済み。
さらに今回、ご本人がtwitterをスタートされるのを機に、twitterを表紙に表示。タイムリーな情報は、twitterで。またお知らせ＆告知情報は、カズ通信でと棲み分けました。
尚、［よのなかnet］は、サウザンズ初のRetinaDisplay対応サイトとなっています。iPhone4、4s、5またはiPad3、iPad4、それに準じるandroid端末でご覧ください。
（右：iPhoneやandroid等のスマートフォンで見た場合。iPad版はPC版と同じフルサイズ画面となります。）
- トップページCMS
2013年実績 Web制作 HTML5化（スマートフォン＆タブレット端末対策済み）
空調自動制御の三栄管財株式会社
ひとがホームページ閲覧に費やす時間は、平均して一社あたり大体約８〜３０秒。ましてや仕事の取引先となるとトップと会社概要等をチェックする位。このわずかな時間で、取引先にいかに自分の会社がどんな会社かをアピールすることが、今後のホームページづくりの重要なファクターとなってきます。
2013年新たなスタイルで生まれ変わった三栄管財のトップページは、もはや中身まで見られることが少なくなったホームページで、取引先にいかに自分の会社やサービスをしてもらうかに重点を置き、トップページをホームページ全体のダイジェスト版として位置づけ。「わずかな時間でもどんな会社か分かってもらえる」、スタイリッシュな最先端ホームページへと生まれ変わりました。
ランディングページのように長く伸びたページを行き来しやすいようにエレベーター式インターフェイスを採用。ビル空調に携わる三栄管財にピッタリのデザインになりました。（右：全体図）
[Flippers] Graphic Design Office
友人が代表を務めるグラフィックデザインオフィス「フリッパーズ」のホームページ。５年前にやはりお手伝いしていたホームページが、インターフェイス部にFlashを使用してたため、今回、全面リニューアルすることに。トップ上部で公開できる仕事の作品をダイジェストに見れるだけでなく、一部著作権に配慮した仕事は、問い合わせのあった方にパスワードを知らせ、入力しもらうことで、見ることができるシステムを採用しています。
ランディングページのように長く伸びたページを行き来しやすいようにエレベーター式インターフェイスを採用。素潜り世界選手権スキンダイビングのイメージで、ブースが上下します。こちらも今後２〜３年でPCと閲覧で逆転すると言われるダブレット閲覧を強く意識した縦長ホームページデザインとなっています。（右：全体図）
![NTL [慶応義塾大学 長坂・田口研究室] トップページキャプチャ画像](./images/web/ntl.png)
NTL [慶応義塾大学 長坂・田口研究室]
NTL [慶応義塾大学 長坂・田口研究室]は、慶應義塾大学の矢上キャンパスにある理工学部研究室のホームページ。研究分野はシステム熱物性工学で、新たな科研費プロジェクトのために５年ぶりのリニューアル。
English Pageを追加。
さらにタブレット端末で見られるようにスマホ対策でnon-flash化を果たしました。
集英社 2014年度定期採用情報
なんとサウザンズ制作10周年となった集英社定期採用ページ。これまでの集大成とも言えるコンテンツ盛り沢山の内容となっています。
トップページおよび新人紹介、先輩紹介ページは、スマホで就活する就活生が見られるようにHTML5化しています。
2011年〜2012年実績 Web制作 HTML5化（スマートフォン対策済み）
内科・小児科 松村医院
内科・小児科 松村医院のホームページです。医院の混雑状況が一目で分かるようトップページには体温計を模したリアルタイム混雑状況表示システムを設置。これをPCや携帯からリアルタイムで更新できるシステムも開発。先生が学会等でやむなく臨時休診にする場合などにも細かく対応しています。
2012年４月スマートフォン対策を行い、リニューアル。Twitterを利用したお知らせ機能やスマートフォン等のGPSを利用した医院道案内機能などを装備し、最新のプラットホームページへと進化しました。PC版とタブレット版のデザインをHTML5で統一。またほぼ同じパーツを流用し、iPhone等のスマートフォン用にスタイルシートで提供するワンデザイン３ディバイス対応を実現しています。（実は、同じシステムを利用しているため、携帯も同じデザインで見ることができます。ワンデザイン４ディバイス対応）
- リアルタイム混雑状況表示システム
イラストレーター まつしまゆうこサイト
イラストレーターであり、デザイナーであり、絵本作家でもある、アーティストまつしまゆうこさんのサイト。
左インターフェイス部は、スマートフォン時代にふさわしく、PCだけでなくタブレットのiPadでも快適な操作性を実現しています。また今後のホームページの在り方として注目されるプラットホーム形式のホームページとなっており、ホーム１画面で作品紹介からお問い合わせフォームまでを構成。プラットホームの所以である、ブログ、アーティスト参加団体、Facebook等への出発交差点（プラットホーム）となっています。
- design:Yuko Matsushima
集英社 2013年度定期採用情報
2013年度の採用ページテーマはラボ（研究室）。スマートフォンで就活する学生にもより多くのコンテンツを見てもらいたいこともあり、新人紹介ページを除き、ほぼ全面をHTML5で制作。Flashを使うことなくHTML5だけで作るのが難しいとされているエンターテイメント性溢れるページ作成ができることを証明しました。中でも「バクマン。」ページは、Flashと遜色ない動きを実現しています。ぜひiPhoneやiPad等でご覧ください。
こぐま社
絵本「こぐまちゃんシリーズ」や「わたしのワンピース」「11ぴきのネコシリーズ」等で知られる絵本の会社のホームページからショッピングサイトまでを制作。担当者の技術で更新がスムーズに行くように、ヒアリングを何度も重ね、本棚作製システムまで開発。またサイト全体のコンセプトとして産後のお母さんにもやさしい、色合いとデザインを心がけました。
2011年11月、スマートフォンやタブレットでも見えるようトップページのリニューアルを行いました。
エマメイ・コーポレーション
ベストセラー「40代を後悔しない50のリスト」や「30代を後悔しない50のリスト」等で知られる作家兼企業研修の講師と知られる大塚寿さんの公式ホームページを制作。トップページに泳ぐヤマメは、yamameを逆から読むとemamayになるという社名の由来であるヤマメをHTML5で優雅に泳がすことに成功。
iPhoneの小さな画面で見ると、とても可愛く見えますよ。
実績紹介 Web制作（比較的最近のもの）
集英社 2012年度定期採用情報
2012の採用ページテーマはファッションショー。舞台には活躍中の新人、先輩、編集長達が登場し、集英社の魅力を紹介します。オープニングでは、何と仕掛け花火が炸裂！ステージは、3DCGで作成しています。
コンビ ラクティアターン スペシャルサイト
コンビのチャイルドシート「ラクティアターン」のスペシャルサイトです。乗せ降ろしのしやすさを回転するFlashで表現しています。チャイルドシートは、あたかもVR感覚でスムーズに回転します。またFlashのエンディング部、大理石に彫り込まれたエンブレムは、実写ではなくフォトショップのみで再現したものです。
- design:alfalfa