デザイン事務所Glitter Style|Works

Design is in everything we make, but it’s also between those things. It’s a mix of craft, science, storytelling, propaganda, and philosophy.

  • Home
  • about
  • Works
  • Contact
Works Top

Category

  • ディレクション
  • グラフィックデザイン
  • Webデザイン

Type

  • ロゴ
  • エディトリアル
  • リーフレット
  • チラシ
  • 名刺
  • コーポレートサイト
  • ブランディングサイト
  • キャンペーンサイト
  • ポートフォリオサイト
  • ECサイト
  • Webマガジン
  • アメブロカスタマイズ

Skill

  • Responsive
  • EC-CUBE
  • Ajax
  • Planning
  • pjax
  • Art Direction
  • Photo Direction
  • Coding
  • WordPress
  • JavaScript
  • DTP
  • Graphic
  • Promotion
  • Creative Direction
  • PHP
  • SVG
  • Movie
  • ツイート
ゆめつぐOTSUCHI

一般社団法人Project One様「ゆめつぐおおつち」ロゴ+ショッピングサイト

http://projectone.iwate.jp/
Date:November.2014 Category:

グラフィックデザインWebデザイン

Type:

ロゴ , ECサイト

Concept:

手作りの温かみを感じる、真面目だけれど堅すぎない雰囲気

Skill:

Graphic / PHP / EC-CUBE / Art Direction / Coding / JavaScript

一般社団法人Project One様の新しい復興支援事業、「ゆめつぐOTSUCHI」のロゴデザインとサイトを製作させていただきました。

被災地・岩手県上閉伊郡大槌町の就業支援として、幼稚園・保育園、学校に通うお子様用の通園・通学用品を手作りのオーダメイドで製作するサービス。事業の草案の頃から立ち会っていたため、ビジュアル面に限らずコンセプトメイキングやサービスの内容、システム等に至るまで幅広く関わらせていただきました。

Logo

ゆめつぐOTSUCHI様ロゴデザイン

極々微細な「ゆらぎ」

「手作り感」を出すために0.1㎜単位で縫い目の角度や余白をズラし、機械的すぎない、どことなく不揃い感を感じる程度でゆらぎを作成。

yumetsugu_logo2

ロゴタイプ

色とりどりの夢を咲かせて欲しいという願いを込めて、あえて色数を多く。

ゆめつぐOTSUCHI ロゴタイプ

EC Site

yumetsuguotsuchi_01

探し物がすぐに見つかるUI

  • サイドバーには各商品詳細への直リンク
  • ヘッダーには利用頻度が高いと考えられる項目へのナビゲーションと共に「ゆめつぐOTSUCHI」のAboutページへのリンクを設置
  • フッターにはその他の詳細も含めたページ一覧のナビを設置

どのページにいてもすぐに目的のページへ移動できるようにデザイン。

ゆめつぐOTSUCHI UI

発信メディアが無い地域だからこそ、少しでも伝えたい

ゆめつぐOTSUCHIの生い立ちと現在の「被災地」岩手県大槌町の現状、そして復興支援の仕組みなど、ゆめつぐOTSUCHIという事業がどのようなものであるかを明記。

また、(※画像下)岩手県大槌町がどのようなところかも合わせて紹介。Google Mapも設置し、閲覧者の方が住む場所からの距離感や立地などもご覧いただきながら、地域の特徴や写真などでイメージも感じて少しでも身近に感じてもらえるように配慮した。

yumetsuguotsuchi_02 yumetsuguotsuchi_03

使用感もイメージしながらお買い物を楽しんでいただく

お子様が使うものだけに、あまり味気ないものにしたくなく、温かみや使用感のイメージなども感じられるイメージカットを各商品詳細へ

yumetsuguotsuchi_04

細部まで見られる

ご自身も裁縫などをされる方であればなお、縫製はどうしても気になってしまうもの。
細かなディテールまで閲覧可能な無段階のズームと全体像のズームを両方そなえ、かつ簡単なマウスアクション(マウスホイールの回転、クリック、カーソルの移動)で直感的にそれらの情報を得られるように。

yumetsuguotsuchi_05
「バックステージ」は制作の詳細説明や裏側を紹介するコーナーです。バックステージも覗く »

Author's Comment

Designer: 深井 学

仕事をつくる、という支援

この「ゆめつぐOTSUCHI」というプロジェクトは「復興支援の新しいかたち」の一つではないかと考えています。現地に十分な産業が無ければ、持っていけばいい。あるいは生み出せばいい。ただパイプを繋ぐだけでも産業として成立させることだってできる。
現地の方に極力負担をかけないかたちで仕組みをつくっていくことは今の世の中ではそれほど難しくないことかもしれません。このプロジェクト以外にも、こうしたかたちの支援ももっと広がっていけばいいな、と個人的に考えています。
現地の1日でも早い復興を願っております。

どこかに必ず、新鮮な体験を

毎回言っているかもしれませんが、私たちが製作したデザインを使用する方(ここでは閲覧者の方)には、何かしら特別な「体験」や「体感」をしていただきたいといつも考えています。
ビジュアルや雰囲気でおもてなしするのももちろんですが、それ以外にも「感触」であったり「反応」であったり。「あ、おもしろいな」や、ちょっと笑顔になれるもの…そうしたものをさまざまなかたちで表現していきたいと考えています。

PocketPocket !
facebookshare
twittertweet
google++1

Social Share

MEN’S CLUB様 60周年記念 特設ページ
Panasonicラムダッシュタイアップページ|MEN’S CLUB様

Related Posts

浦和レッドダイヤモンズ 2021オフィシャルスーツ特設ページ|麻布テーラー様

Category: Webデザイン Type:キャンペーンサイト Skill: Coding / JavaScript / PHP / Responsive

浦和レッドダイヤモンズ 2020オフィシャルスーツ特設ページ|麻布テーラー様

Category: Webデザイン Type:キャンペーンサイト Skill: Responsive / Coding / JavaScript / PHP

TOMMY HILFIGER様1 Weekコーディネート特集|Esquireデジタル様

Category: Webデザイン Type:キャンペーンサイト Skill: Coding / JavaScript / PHP / Responsive

JavaScript Not Working!

当サイトでは閲覧の快適性向上と、あなたの操作に対し応答を行う為にJavaScriptを利用しております。
JavaScriptがOffの状態ではこれらの機能が動作しません。本来の状態で閲覧するにはJavaScriptを「有効」にして、ブラウザの「再読み込み」をお願い致します。

» 各ブラウザでのJavascriptをオンにする方法

Other Sites

  • Design Report
  • O2 Magazine
Glitter Style デザイン事務所Glitter Style
東京都港区南青山6丁目12-3-706
03-6379-9617
  • facebook
  • twitter
  • google+
  • pinterest
  • Glitter Style|Contact

© Glitter Style All Rights Reserved.