チョコレートを愛する人のラン ChocoRun チョコラン

http://www.sportsone.jp/choco/

・アートディレクション
・サイトデザイン [レスポンシブ]
・リーフレット/案内パンフレットデザイン
・フォトパネルデザイン


“チョコを食べながら楽しく走るがコンセプトのファンランイベント「ChocoRun」の特設サイト。
メインターゲットの女子大学生〜20代前半のOL層を意識して、テーマカラーの赤を中心に、可愛くまとめるのではなく、差し色を利かせた配色にしました。
女の子たちが参加したくなるよう、実際の大会写真もふんだんに盛り込みました。
[工数:約3週間]
(RUN+FES)×BUBBLE 泡まみれで走る Bubble Run バブルラン

http://www.sportsone.jp/bubblerun/

・アートディレクション
・サイトデザイン [レスポンシブ]
・コーディング(HTML,CSS,Javascript)


コース上に設置された様々なバブルのアトラクションを、泡まみれになりながら楽しく走るファンランイベント「BubbleRun」の特設サイト。
夏のイベントらしく、躍動感と開放感のあるポップなデザインにしました。
また、あえて極彩色を多用することで、潜在的にフォトジェニックなイベントであることもアピールしています。
[工数:約3週間]
OMIYA HALLOWEEN WALK 完走賞(ハロウィンラン同時開催イベント)

http://www.sportsone.jp/hwr/

・アートディレクション
・紙面デザイン
・イラスト描き下ろし


仮装しながらランも楽しむ「ハロウィンラン」内で、同時開催された「OMIYA HALLOWEEN WALK」参加者に配布された完走賞。
記念になるものなので、ハロウィンらしい雰囲気を出すため色合いや細かいディテールにこだわりました。オバケやジャック・オ・ランタンのイラストも、細かいヒダや丸みが出るよう、細部まで作り込みました。
[工数:約1週間]
OMIYA HALLOWEEN WALK 指令書(ハロウィンラン同時開催イベント)

http://www.sportsone.jp/hwr/

・アートディレクション
・紙面デザイン


上記完走賞と同じく、仮装しながらランも楽しむ「ハロウィンラン」内で、同時開催された「OMIYA HALLOWEEN WALK」参加者に配布された指令書。
ハロウィンの雰囲気を感じさせるカラーリングと、宝探しのワクワク感が出るように、宝の地図のようなヴィンテージテイストの紙面になるよう、こちらも細部まで作り込みました。
[工数:約1週間]
日経BP社 全社統一キャンペーン 「動け!日本」

http://premium.nikkeibp.co.jp/mono/ (期間限定サイトにつき閉鎖)

・アートディレクション
・デザイン
・コーディング(HTML,CSS,Javascript)


日経BP社全社統一キャンペーン 「動け!日本」のキャンペーンサイト。
タイトル部分では、伝統的な織物の柄と、現代的な高層ビルを同居させることで、日本の奥深さ、力強さを表現してみました。
[工数:約1週間]
日経BP社 日経ものづくり創刊プロモーション 「ものづくり最前線」

http://premium.nikkeibp.co.jp/mono/ (プロモーション終了につき閉鎖)

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)


日経BP社日経ものづくりの創刊プロモーションサイト。
ものづくりの楽しさを表現するために、 通常の記事コンテンツにおける定型感をなくし、ページ自体に遊び心を加え見た目の楽しさにもこだわりました。
[工数:約1週間]
日経BP社 未来生活

http://premium.nikkeibp.co.jp/mirai/ (現:日経BP エコマム)

・公式ロゴデザイン
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・メルマガ作成
・定例更新


日経BP社特別編集サイト。
ものづくりの楽しさを表現するために、 通常の記事コンテンツにおける定型感をなくし、ページ自体に遊び心を加え見た目の楽しさにもこだわりました。
[工数:約1ヶ月]
なりたい私になる Bon Sens

http://www.bonsens.jp/ (事業廃止により閉鎖)

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・定例更新


女性向けの自己啓発セミナーサイトです。
月次更新されるコラムと、随時更新されるセミナーの案内が、見やすいようにコンテンツを配置しました。
ターゲット層が20代〜シニアまでと幅広かったので、落ち着いたカラーリングで信頼感を表現しました。
[工数:約2ヶ月]
築地ワインマーケット 古葡萄

http://www.rakuten.ne.jp/gold/kobudo/

・サイトTOPリニューアル
・公式ロゴデザイン
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・定例更新


築地にあるワインショップ様のショッピングサイトです。
ヴィンテージワインの品揃えの豊富さが特徴なので、サイトにも重厚感のある趣を出せるよう、カラーリングからフォト選定まで工夫しました。
[工数:約2ヶ月]
きもの de びがく <楽天市場>

http://www.rakuten.ne.jp/gold/bigaku/ (事業廃止により閉鎖)

・サイトTOPリニューアル
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・定例更新


川崎市高津区にある和服・和装小物ショップ様のショッピングサイトです。
若い方にも和装に興味を持ってもらえるようにとのことから、若い女性の着用イメージフォトを積極的に使用しました。
カラーリングは、伝統的な反物の色あわせを参考に行いました。
[工数:約2ヶ月]
株式会社グランジャポン

http://granjapon.co.jp/

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)


横浜市青葉区にあるスペイン雑貨や食品を輸入されている企業様のコーポレイトサイトです。
スペインにある都市バルセロナの先進的イメージを前面に出してほしいとの要望により、余分な装飾をそぎ落とし、ポイント的にヴィヴィッドなカラーを使用し、引き締めました 。
[工数:約3ヶ月]
川崎市認定保育園 保育室すきっぷ & かわさき保育室 すきっぷドレミ園

http://www1.ocn.ne.jp/~skip7035/
(サイト移転に伴い閉鎖)

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)


川崎市宮前区にある保育園のオフィシャルサイトです。
お子さんと優しく接する先生方の暖かい雰囲気を表すため、淡く優しいカラーリングでまとめました。
[工数:約2ヶ月]
輸入子供服 レディーバグキッズ <楽天市場>

http://www.rakuten.ne.jp/gold/ladybug/

・サイトTOPリニューアル
・デザイン
・コーディング(HTML,CSS,Javascript)
・商品ページ作成
・バナー作成
・メルマガ執筆
・定例更新


世田谷区にあるヨーロッパからの輸入子供服を扱うショップ様のショッピングサイトです。
極力背景は白で、サイトもバナーも白ベースにして商品を目立たせるようにとの要望のもと、作成しました。
[修正・更新担当期間:約1年6ヶ月]
飛騨牛のおいしいお店 レストラン クレソン

http://www.restaurant-cresson.com/

・アートディレクション
・デザイン
・コーディング(HTML,CSS,Javascript)


岐阜県高山市にあるレストランのオフィシャルサイト。
美味しく楽しい時間をイメージできるよう、暖色系のカラーリングにし、料理のイメージフォトを配置しました。
[工数:1ヶ月]
日本エアシステム 子供航空教室

http://www.jal.co.jp/kodomo/
(現:日本航空 子供航空教室)

・イラスト描き下ろし
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)


日本エアシステム様(その後統合により日本航空様)の子供向けサイトです。教室というネーミングから、学校をイメージしたつくりにしてみました。
使用しているイラストはすべてオリジナルで描き下ろしました。
※現在公開中のものは、その後リニューアルされたものです。
[工数:約2ヶ月半]
ebook japan <リニューアルコンペ参加作品>

http://www.ebookjapan.jp/ebj/

・コンペ参加用デザイン作成


電子書籍販売の大手ポータルサイトのTOPページリニューアルに伴う、コンペ参加用のデザインを作成しました。
[工数:3日]
川崎市宮前区 子育てガイド とことこ

http://www.city.kawasaki.jp/69/69hoken/home/tokotoko/
(現在内容見直しのため一時閉鎖)

・イラスト描きおろし
・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)


川崎市宮前区が子育て中の区民の方に配布している子育てガイドのWEBサイト版・情報量が多いので、分かりやすくすることも兼ね、楽しい雰囲気が出るように虹のようなカラーリングにしました。
[工数:2ヶ月]
ソニー生命 LIFE PLANNNER VALUE 問題解決支援サイト

社内システムのため非公開

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)


大手生命保険会社様が社内で活用する、生活上の問題や疑問を解決するためのアーカイブサイト。
社内誌の内容も随時掲載されることもふまえつつ、膨大な情報をいかにわかり易く、短いアクションで希望のものに辿り着けるかに留意して作成しました。
[工数:約2ヶ月]
株式会社日本トップマネジメント研究所

http://www.top-management.jp/

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・定例更新


全国の二代目経営者の方々に絶大な人気を誇る、経営コンサルタント二条彪氏のコーポレートサイト。
講演・セミナー、出版物告知などコンテンツが多いので見やすく、かつ更新しやすいよう配慮しました。
[工数:2ヶ月]
外務省 探検しよう!みんなの地球 「ことば」

http://www.mofa.go.jp/mofaj/gaiko/oda/
sanka/kyouiku/kaihatsu/chikyu/world_life/language/


・デザイン
・コーディング(HTML,CSS,Javascript)


外務省の子供向けサイト。
色々な国の言葉の挨拶や数の数え方などの音声を聞くことができ、子供から大人まで楽しく学べます。
使用しているイラストはすべてオリジナルで描き下ろしました。
[工数:2週間]
ソプラノ歌手 中里豊子 オフィシャルサイト

http://www.rima.jp/

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・定例更新

モンゴルの大学で教鞭をとりながら、ソプラノ歌手として精力的に活動されている中里豊子氏のオフィシャルサイト。
中里氏が主催している広島国際音楽芸術協会(RIMA)の情報等も掲載。
中里氏のもつエレガントで上品な雰囲気が伝わる
ようデザインしました。
[工数:2ヶ月半]

ハーバルケア 基礎化粧品 FLOMALIESE

http://www.herbalcare.co.jp/flomaliese/
(事業統合につき廃止)

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・定例更新


 総合商社の長瀬産業株式会社が立ち上げた基礎化粧品FLOMALIESEのプロモーションサイト。
アロマテラピーの心地よさを感じてもらうため、すべてのページにおいて、商品の持つ世界観を表現しました。
[工数:2ヶ月]
リラクゼーションショップ pour toi

http://www.pourtoi.jp/
(事業統合につき廃止)

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・定例更新


総合商社の長瀬産業株式会社がプロデュースする、リラクゼーションショップpourtoiオフィシャルサイト。自社製品をはじめとした各国のアロマテラピーに関する商品が豊富なショップと同様に、癒しの雰囲気をサイトで再現しました。
[工数:1ヶ月]
日本アーキテクト株式会社

http://www.na-c.co.jp/

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・定例更新


ソフトウェア会社のコーポレートサイト。
風通しのよい勢いのある社風を表すべく、堅いイメージではなく、透明感の中にも信頼性、安定性をもつデザインにしました。
[工数:1ヶ月]
全国倒産処理弁護士ネットワーク

http://www.zentoh-net.jp/

・ロゴデザイン
・デザイン
・コーディング(HTML,CSS,Javascript)


倒産事件や倒産法制について弁護士間の情報交換と研鑽の場を提供する団体のフロントサイト。
冷静、信頼性を表現するために、寒色系のカラーリングで、情報を見やすくまとめました。
[工数:1ヶ月]
マイプレシャス <楽天市場>

http://www.rakuten.ne.jp/gold/my-precious/

・アートディレクション
・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)
・定例更新


多数のカタログギフトを扱う企業様のショッピングサイト。
目的に応じて多数のラインナップがあるので、お客様が迷わず目的の商品に辿り着けるよう意識してデザインしました。
[工数:2ヶ月]
ノアシスインテリア <楽天市場>

http://www.rakuten.co.jp/n-oasis/ (事業廃止により閉鎖)

・商品ページデザイン
・コーディング(HTML,CSS,Javascript)


北欧雑貨を中心に取り扱うインテリアショップ様のショッピングサイト。
その中の商品ページを作成しました。
それぞれの商品に合ったテイストで、デザインしました。
[工数:3日/ページ]
株式会社ハマキャスト

http://www.hamacast.co.jp/

・ワイヤーフレーム/モックアップ作成
・デザイン
・コーディング(HTML,CSS,Javascript)


外装材、防水材を扱う企業様のコーポレートサイトです。
企業サイトのため、信頼感をもっていただけるよう、コンテンツの配置も配色もスタンダードなものに仕上げました。
[工数:1ヶ月]
> fosgrai designing TOP