このエントリーをはてなブックマークに追加
このブログをシェア!
このエントリーをはてなブックマークに追加

希望と太陽のROCK FES webデザイン制作秘話

2013年7月10日水曜日

こんにちは。飯干です。

今回は Design Life Worker で制作させて頂いた「希望と太陽のROCK FES」(ティザーサイト)のご紹介です。

希望と太陽のROCK FESのサイトはこちら

2013年9月1日(日)宮崎県児湯郡都農町 都農ワイナリーで行われます。
口蹄疫で被害を受けた宮崎を盛り上げようと三宅伸治さんが企画したイベント。そんなとても素敵なプロジェクトに参加させて頂きメンバー全員非常に光栄に思っています。

デザインコンセプト

ROCK FESタイトルにもあります「希望」と「太陽」から真っ先に浮かんだ、ひまわり 英語名 SUNFLOWER(太陽の花)。見ているだけでも元気になれる黄色の花。このサイトを見るだけで少しでも元気や希望がもらえるようにそんな思いでデザインにひまわりを大きく使用しています。

メインビジュアルは「太陽」と会場でもある都農ワイナリーを使用。
「希望」=「光り輝くもの」=「太陽」
タイトルにも希望と太陽とあるのですが上記の様なマインドマップ(詳細は省略します)を作成し会場から希望が降り注ぐビジュアルを作成しました。

メインビジュアルの作成にとことんこだわりました

一番難しかったのは建物や木が球体に沿って自然に並ぶように1本1本調整をしたのが難しかった所で、そのおかげでインパクトのあるビジュアルが作れたと思っています。木を配置したことで落ちる影も作成して調整したりと細部にこだわって作成しています。

スマフォでの閲覧もストレスのない様に

スマフォで閲覧した際も同じデザインが表示されるのですがストレスにならない様に文字の大きさや画像の軽量化を図りデザインしています。
画像の軽量化についてはTiny PNGJPEGminiを使用して画像の画質を落とすことなくファイルサイズを小さくし表示スピードの向上を図っています。

実は普段見られない Not Found も作りこんでいます

普段見ることのない Not Found ページのデザインはトップページデザインと対照的に月夜のデザインに。希望を星に見立て希望が降り注ぐビジュアルを作成しました。

Facebookの「いいね」をクリックした時の画像にもこだわりを

折角「いいね」をクリックして頂いたのにコンセプトやイメージを損なう画像が表示されるとクリックして頂いた方に非常に残念な思いをさせてしまいます。クリックして頂いた方に感謝の意が届けられるようにデザインさせて頂きました。下の画像は希望と太陽のROCK FES のサイトの「いいね」をクリックした画像になります。


※実際はFacebook上ではもう少し小さく表示されます。Facebook推奨の 600px ☓ 600px で作成しています。

最後に、口蹄疫で被害を受けた宮崎を盛り上げようと、とても素敵なイベントのプロジェクトに関われてメンバー全員感激しています。

このブログをここまで見て頂いた方にもとても感謝しています。是非この「希望と太陽のROCK FES」をShareして頂ければ幸いです。

皆さんに希望と幸せが届くように。

リンク