pages

10/09/2012

レスポンシブ対応&シングルページのWebサイトを制作&公開しました

初めて、レスポンシブデザイン、というものを対応してみました。

画面サイズ最大レイアウト

スタッフとして活動している IMPACT Japan 主催の、起業家精神の成長を支援するイベントで、
世界100カ国以上で開催されているGEWの日本版。
2012年は、11月9日〜21日で、東京をはじめ、鎌倉や京都でも様々なプログラムが開催されます。

ということで、そのサイトを制作。
三連休の間にリリースしました。

今回は、「とにかく急ぎでサイトをオープンさせる」、という所が最優先だったので、0から作るのではなく、テンプレート購入→カスタマイズ、という方向にしました。


イベントのページ、という事で、コンテンツ自体のボリュームを考えても、
また制作期間の短さからも、シングルページが最適。
シングルページのWebサイトはとても興味があったので、「早速やってみれるなんてラッキー!♪♫」という感じw

そして、様々なスクリーンサイズに最適化する、レスポンシブデザイン。
これもやってみたかった!w

Webデザイン、サイト制作が一番好きなのだけれど、非営利かつスタートアップ組織のスタッフ、というのは他にもいろいろと役割があり…、
Web関連の優先順位が高くない事も多く…
なので、今回のタイミング到来はテンションが上がった〜♫

話しを戻して。
iPhone, タブレット、大きなスクリーン…、様々な環境を想定し、それぞれに最適な見え方を検討して決める、というのは、
思っていたよりも労力のかかることだった…
これまで一つのレイアウトを作ってきたものが、単純に言えば4倍とかになるということで。



iPad, Chrome, 横

iPad, Chrome, 縦
iPhone, Chrome, 縦
でも、何よりも、
「すっごいおもしろい!」w
リリースまでの最後の追い込み数日間は、もう頭の中がこのサイトの事でいっぱいw
楽しかった〜!!w

php の良いお勉強になったし、とにかく全体的に良かった良かった!(^o^)/♪

次は、各プログラムから、参加申込みができるようになるよう、進めてるところです。
多言語対応もしないとなーーー


Safari とか Chrome とかだとちゃんと文字に影がつくけど…
IE9だとダメーーー (-д- ;
IEは本当、いろいろあるよねーー(怒


0 件のコメント:

コメントを投稿