コンテンツ制作

#001 jewery shop サイト




Webデザインの勉強を始めて、最初の頃に作ったサイトです 。Topデザインのみ。
”花と宝飾”というテーマに、 『 少し高級感があって オトナの女性が身につけるジュエリー』をイメージさせるよう、女性画像も使用しました。
Menuの文字はロールオーバーでアクセント色がつくようになっています。

使用ソフト:DreamweaverCS5/CC (Win/Mac) , PhotoshopCS5/CS6 (Win/Mac)
制作期間:25時間

#002 海驢(あしか)珈琲 サイト




Webデザインの実習で制作したサイトです。Top含め下層3ページデザイン・コーディングいたしました。
映画 『コーヒー&シガレット』がモチーフ。 ゲンスブールの様な渋いオトナ向けの 珈琲 と 葉巻を取り扱う店というコンセプトです。 色味やパーツも 控えめなトーンでまとめてました。
店名の 「海驢 (あしか)」 のネーミングとロゴ、 店長の Blog 「ヒゲの手帖」 を思わせる しおり風の ボタンデザインが工夫した点です。

使用ソフト:DreamweaverCS5/CC (Win/Mac), PhotoshopCS5/CS6 (Win/Mac), illustrator CS5/CS6 (Win/Mac)
制作期間:20時間

#003 Nico Brewery サイト




卒業制作実習で制作したサイトです。Top&下層含め10ページ、デザイン・コーディング制作しました。
ショップのみの無機質な 内容でなく、醸造所全体に興味を持ってもらえる楽しめるコンテンツを心がけました。
文章は勿論、 ビールの 種類 ・ ネーミング ・ ラベルもひとつひとつ丁寧に作りました。 自分自身がクラフトビール好きのため、気合いが入りました。
画像をクリックしていただくと、実装ページにリンクします。カートの計算ページはこれからの課題。サイト全体もレスポンシブデザインに変更しようかと思っています。

使用ソフト:DreamweaverCC (Mac), PhotoshopCS6/CC (Mac), illustrator CS6 (Mac)
制作期間:50時間

Nico beer

#004 シアター1010 サイト




Webデザインの実習で制作したサイトです。Topページのみ、デザインいたしました。コーディング途中です。
サイトの基本色は、少しおとなしい色に設定しました。面白デザインというよりも、シンプルですっきりとさせ、色味のある公演作品とのメリハリを考えました。
幅広い世代の方にご利用いただきやすいという点を意識し、『誰にでもわかる』様なTopの2リンク(入り口)を設けました。

使用ソフト:DreamweaverCS5/CC (Win/Mac), PhotoshopCS5/CS6 (Win/Mac)
制作期間:20時間

#005 ベルプロダクション 様




声優プロダクションのリニューアルサイトです。全50ページ作成しました。
サイトの基本色は、白が基調のデザインで、テーマカラーである紫色を濃淡含め使用しています。
声優事務所という事で、役者の一覧ページ・プロフィールページでは、ボイスサンプルが聞けるようにしてあります。
jQueryを使う事によって、視覚的な仕掛けで興味をもって頂き、中のコンテンツへ誘導する様な造りになっています。

使用ソフト:DreamweaverCC (Mac), PhotoshopCC (Mac),illustratorCC(Mac)
URL :http://bellpro.jp/

ベルプロ