yumcom.net

http://daifuryu.net/

制作期間：32時間
使用ソフト：Illustrator CS3、Photoshop CS3、Dreamweaver CS3

京都市教育委員会などが主体となり、学生を中心としたボランティアスタッフによって運営される、音楽を始め様々な企画が行われるイベントのサイト。
2006年度には私自身がそのスタッフをし、2007年度のデジハリ在学中にはそのサイトを作った関係で、今年も制作を依頼していただきました。
学生だった去年と違うのは、ちゃんとお金をいただく仕事として引き受けたということ。

TOTAL DESIGN
　サイト全体のデザインは、パンフレットにも使われた「京都タワーライトアップ」をイメージしたブルーをメインカラーとして使いながら、老若男女さまざまな人をターゲットとしたイベントだということを考え、見やすく使いやすいページを心がけました。

HEADER
　パンフレットとの一体感を出すため、パンフレットのデザインをしたスタッフからそのデータをもらい、加工してヘッダーにしました。

MENU
　ページ構成は、トップページの他に、イベント内容を紹介する「イベント」ページ、出演者を紹介する「出演者」ページ、アクセス情報を掲載した「アクセス」ページ、スタッフ紹介・募集の「スタッフ」ページ、となっています。昨年はアルファベットを使用しましたが、若い人だけがターゲットではないということで、今年はカタカナや漢字も使用してわかりやすさを心がけました。タブスタイルにすることによって、現在地を表示しています。

ホーム ページ
　毎年場所や日時の変わるイベントとしてまず、今年の大風流が行われる日時や場所がすぐにわかるよう、ページを開いてすぐ見えるところにそれらの項目を設置しました。

イベント ページ
　目を引きたい部分には画像を使いながら、文字データで全内容を提供しています。サイト作成時には未定のタイプテーブルは、別ウィンドウにて表示するよう、後付けにしました。

出演者 ページ
　すべての出演者の写真とプロフィールを並べると縦長のページになってしまうことが考えられたので、Thickbox（jQueryを利用したjsライブラリ）を利用し、各アーティストのサムネイルをクリックするとプロフィールを表示する、という方法をとりました。
　サイト全体的にわかりやすいデザインを心がけた中、このページだけは少し"カッコよさ"を求めてみました。

アクセス ページ
　各イベントの開催場所がバラバラで、しかも少し離れていたりするので、まとめてGoogle Mapで表示する方法をとりました。ウォーカソンのコースをラインで表示し、一目見てわかるようにしてあります。

スタッフ ページ
　パンフレット掲載のデータを転用しつつ、手持ちの写真（会議の様子）を追加して、その雰囲気が少しでも伝わるように心がけました。

　前回より幅広（900px）にしたり、極力テキストデータで構成するようにして、見やすくわかりやすいページをとにかく心がけました。
　また、初めての「仕事」として作業時間をカウントし、時給換算もして「納得のいくものをできるだけ早く作る」ことを心がけましたが、あとになってやり直す作業があったりして、まだまだ修行不足だということを感じました。