SPECとはオーストラリア、シドニーに拠点を置くグラフィック、ウェブデザイン会社。オーストラリア市場や海外市場への展開を考えられている場合は、お気軽にお問い合わせください。SPECウェブデザイナーのakrです。麻野社長のBlogに引き続き、僕も恐縮ながら記事を書かせていただきたいと思います!本当はロックスのパブやシドニーのラーメン屋さんについて書きたかったのですが、取り敢えず滑り出しはWebデザイナーらしく、ホームページ制作に関する記事を書かせていただきたいと思います。SPECのコーポレートサイトはめでたく全面リニューアルをいたしました。今見て頂いているこのサイトです。ちなみに前回のリニューアルが2010年の8月だったので約3年ぶりのリニューアルになります。みなさん、3年前ってなにしていました?2010年の8月、僕は立ち飲みスペースがある酒屋さんで飲む、いわゆる角打ち巡りにハマっていました。楽しいですよー!ちなみに2010年のヒットチャートは何かな?と気になって調べたらTop10が全部、嵐とAKB48で埋まっていて驚愕しました。AKB48ってそんなに前から人気だったんですねー。話が完全にそれてしまうところでした(汗)改めて声を大にして言います。SPECのコーポレートサイトはめでたく全面リニューアルをいたしました!で、当たり前の事ですが時代の流れはめまぐるしいものですよね。ウェブ制作やデザインにおける手法も勿論の事です。そこで、今回のリニューアル作業でポイントに据えた箇所を、簡単にですがご紹介させていただきたいと思います!目次Flashを使わずに動きのある表現を!←今回はここです。スマートフォン、タブレットPC対応にしたい!更新情報を楽しく掲載したい!各サービスを解りやすく区分けしよう!もちろん挙げだすともっと沢山あるのですが、cssやphpがどーのって書いてもあんまり楽しくないと思うので、今回はこの4つについて書かせてもらいと思います。Flashを使わずに動きのある表現を最近Flashを使用しないサイトがとても多くなってきましたね。iPhoneの台頭が大きいのでしょうか。SPECのサイトをiPhoneやiPadでも閲覧してもらいたい、だけど動きのある表現もしたい。そんなわがままを実現する仕掛けをいくつか設置しました。該当設置個所の紹介です。トップページ上部https://studiospec.com.au/これはリニューアル前からですが、各サービスをユニークなテーマに例えてサービスの説明をしています。もってこの説明画像が切り替わるようにしています。PCの画面最大幅とそれ以下の画面サイズでは切り替わりの仕様も違うんですよー。各ページの制作実例https://studiospec.com.au/graphic/stationeries/PCならまだしもスマートフォン等の場合、限られた画面幅での閲覧になるので、制作物の画像や説明をずらーっと記載する訳には行きません。そこで限られたスペースで数多くの実例を紹介できるスライドショーを採用しました。省スペースを有効活用ってやつです。無限に増やすことも可能です。その歴史も楽しく紹介したいという事で、画面を上下にスクロールさせると、その年代にあった出来事が横からスイーっと出てくる仕掛けを採用しました。1999年から2013年までのボタンも用意しています。SPECのアクセス解析を見てみるとiPhone,iPadからのアクセスが全体の19.8%にものぼります。SPECのサイトが全部Flashで出来ていたら19.8%の人はサイト自体閲覧することが出来ないといった状態になります。Flashが悪者と言っているわけではありません。僕自身、初めてFlashに触れた時の感動は今でも覚えていますし、Flashにしかできないことも数多くあります。Flashに関わらず、肝心なのはユーザーの環境や、サイトの目的に応じてサイトの仕様を検討する事だと思います。次回は「スマートフォン、タブレットPCに対応」です。立つ講座!!【企画書やチラシにひと工夫】ビジネスに即役立つデザイン10のコツ。Projectが凄い!【打開策あります】新Googleマップで地図が埋め込めない!写真版ツイッター!インスタグラムをはじめよう!無料でHTML5のアニメーションが作成できるGoogleウェブデザイナー!第8回:キャンペーン内容決定☆ショッピングサイト制作+選べるオプション講座!!「目標を持つ」ということ。【アメリカで大人気!】自分の似顔絵をアメコミ風マンガみたいに作成出来て遊べるアプリBitstripsが面白い!POSTSCOMMENTSTAGSRecentArchivesTagsRecentjQueryプラグインを利用して簡単に動きのある表現を。2014年8月12日WordPressを利用した簡単に更新ができるウェブサイト。手軽にデザインのインスピレーションを。