YUIKO HAMADA'sportfolio site

works

卓展2016

WEB / 2016.4-
卓展2016
制作期間
2016.5-2016.6
担当範囲
デザイン/一部コーディング
使用ソフト・技術
IllustratorCS6 / PhotoshopCS6 / HTML5(ejs) / CSS3(scss)
URL
http://taku-ten.com

制作背景

デザインを学ぶ学生によるプロジェクトの成果発表・展示会、「卓展」。毎年芸術工学部で開催される卓展ですが、これまでWEB制作はされてなかったようで、今年は広報により力を入れるためにWEBでも広報をすることに。MTMTKZM.comと何度目かの共同制作です。グラフィック班が素敵なポスターを制作してくれたので、有り難く素材を使わせてもらいました。

卓展WEB

WEBを作るにあたって、何のために作るのか。というのを考えた結果、(1)卓展がどんな雰囲気で、どんなものであるか (2)会場のマップ が大事だ!となりました。

卓展がどんな雰囲気が知ってもらうために、各卓の写真を撮ってもらい写真を大きく表示することに。

左の写真は、私が開いたGLYPHという卓の紹介ページ。

アニメーション

イベントページなので、そこそこにインパクトも欲しくTOPはアニメーションをつけてもらいました。ぽよんっと出る丸が可愛いです。くるくる回る円は、なかなかいろんなブラウザで表示させるのが難しく最終的にjsでどうにかなったようで安心しました。

それからブームは過ぎましたが、パララックスも取り入れました。背景画像は3枚使い、層になって見えるようにしています。

スマホメニュー

スマホメニューは、モチーフの円を使ったアイコンにしました。

このWEBサイト、割と好評でうれしかったです。シェアしてくれた方々、ありがとうございました!

今回は素材ありきで完成したサイトだったので、素敵なポスターを作ってくれた友人にも感謝です。

WEB公開時の記事ついてはこちら

contact

お気軽に お問い合わせください

info@y-hmd.com