ブランド価値を計測可能にし向上させるブランドファーム STUDIO DETAILS is a new breed of brand firm making brand value measurable.
名古屋市中区
- Tweets 7,735
- Following 1,338
- Followers 12,463
- Likes 9,465
Pinned Tweet
弊社のリブランディングについて代表から皆様へ
スタジオディテイルズは、この3月にリブランディングを完了し、コーポレートロゴ・Webサイトを刷新しました。
これまで私たちは、Webサイトを中心としたクリエイティブスタジオとして認識されることが多かったと思います。
一方で、実際には創業当初から「ブランドをどうつくり、どう育てていくか」という問いに向き合い続けてきました。ただ、そのことを十分に言語化し、明言してこなかったのも事実です。
今回のリブランディングは、そうした自分たちの実践と改めて向き合い、スタジオディテイルズのドメインを「ブランドファーム」として再定義するための取り組みでした。
私たちは、ブランド戦略からクリエイティブとテクノロジーの実装、そして価値計測までを一気通貫で扱い、ブランド価値を「つくるだけでなく、育て、測り、向上させる」ことに本気で取り組んでいます。
それは新しく始めたことではなく、積み重ねてきた実践を、次のステージへ進めるための整理でもあります。
この取り組みは、多くの方々との継続的な関係性の中で育まれてきました。日々ご一緒しているクライアントの皆さま、パートナーの皆さま、そしてスタジオディテイルズのメンバーとご家族に、心から感謝します。
加えて、スタジオディテイルズは、海部さんと服部さんという2人の創業者によって芽吹き、私はそれを引き継いでいます。
時代や市場、そしてGoodpatchグループの中で求められる役割と向き合いながら、この会社をより強く、より長く必要とされる存在へと進化させていく責任を担っています。創業への最大限の敬意を胸に、変化を楽しみ、この判断を正解にしていきます。
新しいコーポレートロゴとWebサイトは、私たちの現在地と、この先向かっていく理想を可視化したものです。ここからより一層、使命である「ブランド価値の向上」に誠実に向き合い続けていきます。
今後とも、スタジオディテイルズをよろしくお願い申し上げます。
代表取締役
小林 尚規
1
41
221
37,962
【DAC様 新卒採用サイト】
2020年に引き続きDAC様の新卒採用サイトを制作させていただきました。
DACの強みである「デジタル・テクノロジー」と広告の先にある「消費・生活・文化」。
この２つを軸に求職者へDACの魅力を伝えるWebサイトをぜひご覧ください。
2
108
1,419
292,285
【NEWPEACE Inc.様 リブランディング】
企業やブランド、社会の多様な課題をクリエイティビティで解決するビジョニングカンパニーNEWPEACEの「コミュニティマネジメント」を核とするビジネスへの挑戦と、壮大なリブランディングプロジェクトに、Goodpatch Inc.と弊社がタッグを組んで取り組みました。
3
141
1,050
960,967
【トヨタファイナンス様 デザインチームサイト】
既存の金融機関とは一線を画したモビリティー金融サービスの提供を目指し、自由で便利な移動体験の実現を支援しているトヨタファイナンスデザインチームのWebサイトを制作しました。STUDIOを使って実装しています。
2
116
997
425,104
昨日の内定式では昨年に引き続き、オリジナルの内定書を贈りました。「知識やセンス、経験などたくさんのものを詰め込んでいって欲しい」という想いを込め、貼り箱でできた内定書を作成しました。
1
45
780
【養老ミート株式会社様 ECサイト】
岐阜の「養老ミート本店」のECサイトを制作しました。飛騨牛・大田中牛・養老山麓豚など安心と美味しさにこだわったブランド肉をご自宅へお届けいたします。
hidagyu-yoromeat-honten.com
1
93
743
【八百彦本店様 一升餅商品開発/サイト制作】
お子様が1才のお誕生日に一升のお餅を背負う日本の伝統行事「一升餅」の商品開発・WEBサイトを制作いたしました！
- Logo , Photo
1
60
666
【STUDIO DETAILS Webサイトリニューアルのお知らせ】
2022年9月より、新しい体制がスタートしたことに伴い、約7年ぶりとなるサイトリニューアルを実施いたしました。
私たちが何を考え、どこに向かうのかを知ってもらうために、これまでの歩みをあらためて整理し、５つのアプローチにまとめています。
2
78
631
【PRESS BUTTER SAND サイトリニューアル】
『八 by PRESS BUTTER SAND』サイトに続き、
ブランド誕生5周年記念に合わせPRESS BUTTER SAND ブランドサイトもフルリニューアルいたしました！
1
62
588
【RARA（立命館先進研究アカデミー）ロゴ&Webデザイン】
社会共生価値の創造とイノベーションに取り組む「次世代研究大学」の実現を目指し、立命館大学で設立されたRARA（立命館先進研究アカデミー）。スタジオディテイルズにてロゴとWebサイトを制作いたしました。
1
52
578
【RCIエージェンシー様 ブランディング】
ITコンサルティング事業とIT人材プラットフォーム事業を２本柱とするRCIエージェンシー様のブランディングをいたしました。MVV策定のお手伝いからはじまり、ロゴ・Webサイト・採用ピッチにいたるまでのトータルブランディングを是非ご覧ください。
1
56
437
394,769
【HELLO MOBILITY ブランディング】
電気で動くシェアモビリティがつなぐ、
心が動くあたらしい暮らし。
OpenStreet株式会社様の新しいモビリティシェアサービス、「HELLO MOBILITY」のサービスコピー／ロゴ／Webサイト／リーフレットを制作いたしました。
1
35
420
【トヨタ・モビリティ基金様 「Make a Move PROJECT」コンテストサイト】
「もっといいモビリティ社会」をコンセプトにアイデアを募るコンテスト「Make a Move PROJECT」のKV・イラスト・Webサイトを制作しました。
1
28
404
【CIRCUS Shanghai様 コーポレートサイト】
世界から中国へ、中国から世界へ。企画・コンサルティング・広告・海外展開・販売代理までクライアントやプロダクトのすべてをサポートする総合広告代理店、CIRCUS Shanghai様のコーポレートサイトを制作いたしました。
china.circus-inc.com/
2
31
404
【text-strokeで縁取り】
cssのtext-storkeを使い文字を縁取り、ホバーすると
文字の中の色が塗り潰される様な実装をしてみました。
codepen.io/osupinpon/pen/JjO…
#エンジニアTips
1
27
340
あけましておめでとうございます！
丑年の今年は、Fresh creative is in good hands! と題して、ゴム手袋を牛のお乳に見立てた年賀状を制作しました。本年もどうぞよろしくお願いいたします。
AD 安藤真理
DE 小猿啓太、須川美里、小倉裕香、福田悠斗
1
41
303
【STYLE PORT Inc.様 コーポレートサイト・サービスサイト】
コーポレートサイトは、空間デジタルツイン技術によるサービスの革新性と建設/不動産業界のDX推進をリードする存在であることを表現。サービスサイトでは、サイトがサービスの印象に直接影響を与えるため細かな動きまで調整を重ねています。
1
22
288
127,280
【株式会社データグリッド様 コーポレートサイト】
世界的に広がりを見せるシンセティックデータ（AIによる合成データ）。日本における、この領域のパイオニアである同社。
ブランディング、コーポレートミッションの刷新とロゴ・Webをはじめとしたクリエイティブ制作を行いました。
1
19
280
CREATORS VOICE #1
Lead Designer
豊田 メル @toyota_pro_n
Blenderを使用して3Dアニメーションに初挑戦しました。
クリーンで先進的な印象になるよう、オブジェクトの形状やマテリアルとカラーリングの検証を重ね作成しました。
透明感が出るよう、ガラス質にはやや放射を加えています。
弊社の初STUDIO案件として、優れた実績となるよう、全力で取り組みました。
【トヨタファイナンス様 デザインチームサイト】
既存の金融機関とは一線を画したモビリティー金融サービスの提供を目指し、自由で便利な移動体験の実現を支援しているトヨタファイナンスデザインチームのWebサイトを制作しました。STUDIOを使って実装しています。
14
273
102,560
【三菱ケミカル株式会社 様 採用サイト】
新卒採用サイトのリニューアルを担当いたしました。「みんなの夢が地球をまわす」というスローガンをもとに、仲間と共に未来を作っていくワクワク感や仕事へかける情熱をペーパーカットアートの世界観で表現しています。
.
m-chemical.co.jp/saiyo/index…
3
25
273
【ロート製薬株式会社様 採用ブランディング】
「Vロート」や「肌ラボ」「メラノCC」など生活に身近な商品を生み出してきた製薬会社、ロート製薬。当社の採用課題、目的の洗い出し、採用コンセプト策定、各種クリエイティブ制作まで、トータルで採用ブランディングをご支援いたしました。
1
39
261
75,377
【株式会社テックフラッグ様 コーポレートサイト】
最先端技術を用いた自動化・効率化で、ゲーム開発分野を主とした課題解決を目指す会社、テックフラッグ様のコーポレートサイトを制作いたしました。
AIによる効率化で、物事が人の手を離れ自動で進んでいくさまをTOPページで表現しています。
1
16
227
139,092
【株式会社るうふ様 ブランドサイト】
古民家宿るうふのWebサイトリニューアルを担当いたしました。るうふ様の特徴である囲炉裏や焚き火、その「火」を灯り・光ととらえビジュアル演出やトランジションで柔らかに表現しております。
.
loof-inn.com/
3
21
224
【株式会社桑山様 コーポレートブランディング】
1970年の設立以来、国内外のジュエリー企業やブランドを支え、業界を牽引してきた総合ジュエリーメーカー、株式会社桑山。
サイトリニューアルを起点に、桑山の“誠実なものづくり”をより深く伝えるブランド表現の再構築を行いました。
1
17
232
26,435
【株式会社中川政七商店 様 鹿猿狐ビルヂング キービジュアル/ティザーサイト】
中川政七商店創業の地にこの春オープンする「鹿猿狐ビルヂング」のキービジュアルとティザーサイトを担当させていただきました。
.
nakagawa-masashichi.jp/shop/…
2
17
220
【玉川釉薬様 コーポレートサイト】
タイルの製造時に色付けなどで使用する釉薬（ゆうやく）の研究開発、製造、販売を行う玉川釉薬。
下請けではなく、自分たちが色を作り出せるという強みをコピーやビジュアル、事例などを通じて知ってもらえるようなサイトにリニューアルしました。
1
20
217
【株式会社キングジム様 「テプラ」PRO用アプリ紹介サイト 】
株式会社キングジム様の「テプラ」PRO専用アプリ「Hello」の紹介サイトの制作を担当いたしました。
kingjim.co.jp/sp/hello/
1
21
198
【八 by PRESS BUTTER SAND ティザーサイト】
和と洋を越境したニッポンの新しいお菓子『八 by PRESS BUTTER SAND』のティザーサイトを制作いたしました。
新しい八の世界観への没入を表現しています。
これからの八の情報をお楽しみにお待ちください！
hachi.buttersand.com/
1
12
195
【INTAGE Inc.様 データマーケティングの3Dビジュアライズコンテンツ施策】
現代の消費傾向として注目される「リキッド消費」の調査結果を、webGLを用いた没入感のあるインタラクティブコンテンツを作成しました。
1
17
195
111,778
【株式会社デンソー様 D-EXPERIENCE DESIGN SYSTEM サイト】
UXに関する取り組みを伝えるサイト「D-EXPERIENCE DESIGN SYSTEM」を制作いたしました。
目指すビジョンを起点にデザインシステムを固め、実現・具体化していくメッセージを、赤い丸を起点としたラインアニメーションで表現しています。
2
20
182
【ナトコ株式会社様 コーポレートサイト＆ムービー】
研究開発とデザインを両輪とし、塗料の製造・販売を行うナトコのWebサイトと会社紹介動画を制作いたしました。
新しいミッション「Cover the world with unique ideas.」をTOPのイントロまでの流れで表現しています。
動画もぜひご覧ください。
2
29
180
97,310
【TYO様 コーポレートサイト】
広告映像を中心とし、各種コンテンツの戦略立案・企画・制作を手掛ける映像プロデュースカンパニー・TYO様のコーポレートサイトをリニューアルいたしました。
.
tyo.co.jp/
3
18
181
【丸美産業株式会社様 PLACESIONブランドサイト】
名古屋市内、東海エリア（愛知・岐阜・三重）を中心に分譲マンションや一戸建て住宅を供給するPLACESIONのブランドサイトを制作いたしました。
placesion.com/
1
19
172
【株式会社リップス様 コーポレートサイト】
「カッコいい」を引き出すメンズビューティーブランド、LIPPSのコーポレートサイトを制作させていただきました。
ヘアサロンからトレンドを創り出し、ユーザーに必要とされるプロダクトを開発するLIPPSの事業やこれまでの歩みをご覧ください。
1
20
177
70,386
【養老ミート株式会社様 コーポレートサイト】
創業約50年、飛騨牛の肥育、加工、小売全てを展開している唯一の企業として、歴史を紡いできた養老ミート様。新たなステージへむけ、堂々たる信頼感、飛騨牛への愛とこだわりを表現したKVとコーポレートサイトを制作しました。
yoro-meat.co.jp/
1
11
173
⚡️ "ディテイルズ若手の学びTips"
nitter.app/i/moments/123804452523…
20
170
最近マジで偶然似たロゴをつくってて焦ったから、最低限これはやるべし。
jp.techcrunch.com/2019/06/25…
2
56
168
【Valuence Holdings Inc. 様 ブランディング】
あらゆる実物資産のお悩みの解決に留まらず、スポーツやアートなど、精神的な豊かさにつながる価値を世の中につなげていくために進化し続けるバリュエンス。同社のブランディングと、新卒採用サイトをご支援いたしました。
1
26
166
108,150
【八 by PRESS BUTTER SAND 本サイト】
「八 by PRESS BUTTER SAND 」の本サイトを公開いたしました！
店舗の装飾にも使われている和紙を大地に見立て背景に配置。八の世界観を横スクロールに合わせストーリー展開しました。
1
22
163
【PROOF OF GUILD様 ブランドサイトリニューアル】
手仕事を中心としたアイテムの企画・製造・販売をおこなうPROOF OF GUILDのブランドサイトリニューアルを担当いたしました。
2
10
149
【TT Global 様 リブランディング】
企業で役目を終えた中古IT機器を、新興国に住む未来のユーザーのもとへ。世界中でIT機器のリユースを推進する同社のリブランディングを実施。ロゴ、ミッション、ビジョン、コーポレートサイト等、クリエイティブ全般のご支援を行いました。
1
27
147
128,712
【クリックさせたい箇所にオススメな3D実装】
PCはマウスに合わせて、SPは指でなぞることでtransformのrotateプロパティで傾きを与え、要素を3Dに傾くように実装しています。大きめバナー等、クリックさせたい箇所を3Dに見せたい時にオススメです。codepen.io/yasu83/pen/ExvEJP…
-
by 安田
#エンジニアTips
9
147
オートバイレーサー渡辺一樹様 @kazuki__26 のネームロゴデザインを担当いたしました。
Zの文字を ∞（無限）のマークとサーキットに見立て、限り無い挑戦心と、TOPを目指し走り抜く姿を表しました。
鋭い集中力と滑らかな走りを表現するため、直線と曲線で構成したタイポグラフィとしています。
1
14
137
【ESTYLE,Inc.様 コーポレートサイト】
データサイエンス事業を展開するESTYLE様のコーポレートサイトを担当させていただきました。採用の強化をメインの目的とし先進感がありながらも親しみやすさを感じるサイトに仕上げています。
estyle-inc.jp/
1
14
139
【株式会社サンデシカ様「ISURU」プロジェクト】
株式会社サンデシカ様の新ベビー用品ブランド「ISURU（イスル）」の製品開発の監修からブランド戦略、PR戦略、コミュニケーション設計、各種PRツールのプロデュース・制作までを担当いたしました。
- Brand Information
details.notion.site/ISURU-ff…
1
15
132
【東京テクノロジー様 コーポレートサイト】
国内で使われなくなった中古IT機器をリユースで新興国のユーザーのもとへ。IT資産をつなぎあたらしい循環を作るTT GLOBALグループの日本法人東京テクノロジー様のコーポレートサイトを制作しました。
1
15
136
17,394
【まくらのキタムラ コーポレートサイト】
「おはよう。いい朝。いい人生。」
心と体の健康や豊かな生活に役立つ枕メーカー、まくらのキタムラ様のコーポレートサイトを制作いたしました。創業100年を迎える、キタムラ様。これからの100年への想いをご覧ください。
1
13
131
【デジタル・アドバタイジング・コンソーシアム株式会社（DAC）様 中途採用サイト】
THINK OUTSIDE THE BOX.
新卒採用サイトに引き続き、DAC様の中途採用サイトを制作させていただきました。
career.dac.co.jp/
1
8
125
【螺旋回転を表現した実装】
HTMLのbody要素にCSSのperspectiveを与えて奥行きを出し、螺旋状のテキスト一つ一つにkeyframesアニメーションでX軸とZ軸を回転移動させる事によって螺旋回転を表現しています。
codepen.io/shirasawa/pen/WNX…
-
by白澤
#エンジニアTips
9
126
あけましておめでとうございます。
ブランド戦略とクラフトマンシップの組み合わせによって、よりインパクトフルなブランド体験を提供し、ブランド価値の向上に徹する。そんな私たちの姿勢を表現する年賀状を制作しました。
ふたつの刃で、切り拓きたい価値がある。今年もよろしくお願いいたします。
1
17
123
29,947
【CIRCUS Inc.様 コーポレートサイト】
企画から始まりコンサルティング・広告・海外展開・販売代理までクライアントやプロダクトの全てをサポートする総合広告代理店 CIRCUS。
ブランディングとロゴ・Webをはじめとしたクリエイティブ制作を行いました。
circus-inc.com/
3
12
121
あけましておめでとうございます！
今年の年賀状はスタジオディテイルズの新たな一歩を表現いたしました。
宇宙飛行士が様々なプロフェッショナルと一体となってプロジェクトに挑戦するように、新体制のディテイルズもかつての月面着陸のような困難と未知の領域へと臆することなく挑戦していきます！
1
23
110
65,037
【Hana Network様 Hanaサイト】
全てのブロックチェーンに秘匿化をもたらすプライバシーレイヤー "Hana"。ブランディングとティザーサイトに続き、本サイトの制作を担当いたしました。
1
15
111
68,674
【WEB実装】
写真と動画のレイヤーを切り分けることで、写真の画質を保ったまま動画がアップできる。上に重ねる動画は、通常背景の透過ができないため、WebGLで毎フレーム透過処理をさせつつ描画させたものを重ねている。
-
by小倉 94歩目
#若手の学び
5
112
【note更新しました！】
皆さまから多くの反響をいただきました丑年の年賀状について、制作ストーリーをnoteで公開しました。
例年、粒度を増してきている制作の様子を赤裸々にご紹介しております。
是非ご覧ください！
-
note.com/studiodetails/n/ncd…
#note #年賀状
2
15
109
【note更新しました！】
今回はQUOITWORKS（@quoitworks）のムラマツさん（@muuuuu_chang）にご指導いただきながら、須川（@misato__25）が参戦したバケモノさんの仮想サイトリニューアル課題についてワークフローから各フェーズでの学びをまとめました！是非ご覧ください！
-
note.com/studiodetails/n/n72…
2
18
110
【リンナイ様 本社 空間プロデュース】
リンナイ株式会社の本社（愛知県名古屋市）補修に伴い、本社1階のエントランス・ロビー、2階の国内・国外ショールーム、各会議スペースの空間リニューアルをプロデュースいたしました。
1
15
107
CREATORS VOICE #5
Lead Front-end / Back-end Developer
水澤 志歩
フロントとCMSの実装を担当しました。
ABOUT USページの演出は、デザイナーから動きのイメージを動画で共有してもらい、細かく調整しながら作っています。
当初、動画ファイルの再生位置をスクロール連動で制御する実装を試みていたものの、スクロールのスピードや向きによってシーンが飛んでしまったり、スクロール連動の動きがぎこちないなど問題が多々ありました。8割ほど実装が進んだ時点でこれ以上の改善はできないと判断し、0から作り直しました。限界を感じたとき、やり直す勇気をもつことも大切です。
【Valuence Holdings Inc. 様 ブランディング】
あらゆる実物資産のお悩みの解決に留まらず、スポーツやアートなど、精神的な豊かさにつながる価値を世の中につなげていくために進化し続けるバリュエンス。同社のブランディングと、新卒採用サイトをご支援いたしました。
1
105
15,297
CREATORS VOICE #2
Lead Developer
大島 涼佑 @kaguwashi_
今回はクライアントさま側で納品後の運用、更新が容易に行えるように、ノーコードツールのSTUDIOを使用して実装を行いました。
STUDIOは動画素材のインポートができないため、CDN環境を用意し、カスタムコードでDOM要素を挿入することで、ファーストビューでの動画演出の実装を行っています。パフォーマンス向上のため、素材に使用する動画の容量も可能な限り削減し、デザイナーのメルさんと協議しながら最適な状態を探りました。
また、メンバーのセクションでは、STUDIOのエディタ上で配置した要素にスクリプトでスタイルを追加し、毎回ランダムに並び替えるなど、STUDIOの制約の中で最大限の演出を施すために各所で工夫を行いました。
弊社のSTUDIOでの実績、第一号としてより良いアウトプットを目指しました。
【トヨタファイナンス様 デザインチームサイト】
既存の金融機関とは一線を画したモビリティー金融サービスの提供を目指し、自由で便利な移動体験の実現を支援しているトヨタファイナンスデザインチームのWebサイトを制作しました。STUDIOを使って実装しています。
11
111
25,036
【Webデザインアワード三冠受賞】
弊社が制作担当しました、CIRCUS Shanghai様 コーポレートサイトが「CSS Design Awards WOTD」「FWA FOTD」「Awwwards SOTD」の三冠受賞いたしました！
@cssdesignawards @fwa @awwwards
#cssdaWOTD #FOTD #SOTD
1
5
105
【リビタ様 12シェアオフィスブランドサイト・物件サイト】
住宅やオフィス、ホテルなどのリノベーションを行うリビタ様が展開する「暮らしを自由にするオフィス」12シリーズのブランドサイトと物件サイトを制作しました。
1
10
101
【新入社員紹介 池田亮さん】
2020/05/07に池田亮さんがスタジオディテイルズにCHIEF DEVELOPMENT OFFICERとして入社いただくことになりました。よりクリエイティブで、たくさんの人に驚きや感動を与えるモノづくりをしていきたいと思います。
1
13
101
【ホバー時ボタンが吸着するアニメーション】
ボタンの親要素をカーソル位置までの距離に応じて枠線部分を動かしています。
codepen.io/shirasawa/pen/mdq…
-
by白澤
#エンジニアTips
7
104
参考本紹介
「3D表現で拡がるグラフィックデザイン」
-
質感・ゆがみ・グラデーションなどを駆使した、どうやって！？という表現から、こんな使い方あったんだ！！という表現まで多数の３D表現作品が収録されています。
デザインコンセプトの紹介や、掲載作品の魅せ方にも注目して読みたい一冊です！
1
3
101
[ディテイルズ若手の学び33歩目]
【切り抜いた素材を色ベタ背景に自然に合成する方法】
①元画像を切り抜く
②元画像の彩度を「色相・彩度」で無彩色に近くなるまで下げ、「トーンカーブ」で陰影を濃くし、乗算で重ねる。
工数少なく、自然な印象で合成できるのでおすすめです。by小倉
5
101
あけましておめでとうございます！
今年は寅年！新たなチャレンジにトライし、ドキドキハラハラさせる一年にしタイガー。と題して洗濯バサミを虎の牙に見立てた年賀状を制作しました。本年もどうぞよろしくお願いいたします！
1
15
101
【お知らせ】
MdN『アートディレクター／デザイナーの仕事 デザインの手法、思考の源泉』に掲載いただきました。この書籍には、164名のアートディレクター/デザイナーの豊富な事例や考え方が紹介されており、貴重な情報が詰まっています。ぜひご覧ください。
books.mdn.co.jp/books/322230…
9
97
16,919
【スクロールしたらテキストがうねる実装】
スクロール後の位置と、それに徐々に近づく値との差分だけスクロール量に応じて文字を動かしています。時間経過と共にテキストは元の位置に戻ります。(続く)
codepen.io/shirasawa/pen/LYj…
-
by白澤
#エンジニアTips
1
6
100
【ElephantStone様 コーポレートサイトリニューアル】
ElephantStone様の10周年の締めくくりとしてコーポレートサイトのリニューアルを担当いたしました。
「象る、磨く、輝かせる。」というスローガンを、動画・音楽・WEBを掛け合わせた新しい手法で表現しています。
ぜひBGMありでご覧ください。
1
14
99
スタジオディテイルズ 公式Xアカウントのフォロワーが10,000に到達しました。
記念すべき10,000人の節目を迎え、とても嬉しいです。
いつも多くの人達との繋がりによって私たちが存在し、支えられながら事業ができるていることを改めて感じています。
仲間を想い、繋がりと仕事に感謝し、私たちの特徴でもあるクオリティに向き合いながらブランド価値の向上を志す。
これからもこの思想を忘れず、更なる進化を遂げてまいります。今後ともよろしくお願いします。
「皆様、いつもありがとうございます！」
スタジオディテイルズ一同
12
96
46,985
［ディテイルズ若手の学び]
レイアウトの基本はカタマリを意識すること。
余白に順序をつけることで、コンテンツがカタマリで見えるため、
どこが繋がっているのか明確になる。
まず、整理できることがレイアウト上達における基本。
10
94
【CSS Design Awardsを受賞いたしました！】
弊社が制作担当しました、CIRCUS Shanghai様 コーポレートサイトが「CSS Design Awards」より、2022 MAR 06 WEBSITE OF THE DAYを受賞いたしました。🎉
china.circus-inc.com/
6
93
【TURING様 ロゴ＆コーポレートティザーサイト】
LV5完全自動運転EVを開発するAIテクノロジースタートアップ、TURING様のロゴとWebサイトを制作いたしました。
turing-motors.com/
1
11
94
【犬猫生活様 ブランディング】
殺処分ゼロを目指す活動を行い原材料や製法にこだわった国産無添加のペットフードを販売する。前澤ファンド @yousuck2020 の投資先でもある犬猫生活様のブランディングをお手伝いさせていただきました。
inuneko-seikatsu.co.jp/
1
6
89
【リンナイ様 カラーオーダービルトイン食器洗い乾燥機 ILOプロダクトサイト】
6色の扉材カラーからキッチンやインテリアに合わせてカラーを選べる食洗機「ILO Dishwasher」のメインビジュアル・WEBサイトを始めとしたクリエイティブ制作を行いました。
1
12
91
86,510
【株式会社トヨコー様 コーポレートサイト】
インフラメンテナンスの未来を創造する株式会社トヨコー様。これまでの建築・土木分野からモノづくりメーカーへのイメージ転換を図るため、映像・写真・モーションを活用したコーポレートサイトの刷新を実施。ブランド価値の向上を支援しました。
1
17
92
19,207
弊社ディレクターによるトークイベント『Details Director Session vol.01』終了しました
総勢200名以上の皆さまにご参加いただきありがとうございました！
次回開催もお楽しみに！
-
#directorsession #studiodetails #director #projectmanager #producer
#connpass
1
8
91
【NEWPEACE Inc.様 コーポレートサイト／受賞のお知らせ】
弊社でご支援させていただいたNEWPEACE様のコーポレートサイトが、Awwwards,FWA,CSSDAで受賞いたしました。NEWPEACE様、このプロジェクトに携わってくださった皆様、おめでとうございます！
▼受賞内容
<Awwwards>
・SITE OF THE DAY
・DEV AWARD
awwwards.com/sites/newpeace-…
<FWA>
・FWA OF THE DAY
thefwa.com/cases/newpeace-in…
<CSS Design Awards>
・WEBSITE OF THE DAY
cssdesignawards.com/sites/ne…
2
21
88
37,825
【愛知ドビー様 VERMICULAR HOUSE WEB】
2021年12月19日にオープンした、東京・代官山バーミキュラ ハウスの撮影・HPを制作させていただきました。ぜひご覧ください！
vermicular.jp/house/
1
5
85
先日の打ち合わせがあまり思わしくなかったディレクターがコピーを自主的に200本書いてきた。なんも言ってないけど、そうやってもがく姿におじさんは感動しました。なんか足らないダメだって時に一歩踏みだすことが何よりの成長だと思います。
2
2
86
新卒のエントリー数が1,000人を超えていたみたいです。先週まで最終面接を実施させていただきました。たくさんの応募への感謝とそれに応えられない会社の規模にもどかしさを感じます。本当にたくさんの応募をいただきありがとうございました。
4
86
CREATORS VOICE #3
代島 昌幸 @daijimachine
最初にモック段階の花のイメージを拝見した時に、Photoshopの3Dの深度マップ機能で球体から花を自動生成したということを聞き、これは目から鱗な方法だと思いつつ、WebGLでもハイトマップを用意すれば、そこからディスプレイスメントマッピングで
1
4
84
41,532
【インフロニア・ホールディングス様 ティザーサイト】
「前田建設」「前田道路」「前田製作所」3社のHDサイトを作成させていただきました。
ロゴに込められた「インフラの未来を切り拓き、イノベーションを起こす」というメッセージをWeb上でも表現しています。
infroneer.com/
2
5
81
【記憶の固執をモチーフにした表現】
サルバドール・ダリの代表作「記憶の固執」から着想を得た表現です。背景のうねる時計はSVGのfilter内でfeTurbulenceとfeDisplacementMapを使って歪ませています。
codepen.io/shirasawa/pen/vYe…
-
by白澤
#エンジニアTips
6
81
デザイン会社の1番難しいのは、営業とかじゃなくて育成。個人で優秀な人はたくさんいても育成まで出来る人が全然いない。だからスケールしにくいし、優秀な人を中途で取り合う。業界全体で育成方法をシェアして人材を育てていく必要があるな。
82
【note公開】
スタジオディテイルズでは現在、unshiftの長谷川さん @_unshift にアドバイザーとしてご協力いただいています。
勉強会やSlackでのコミュニケーションなど、社内エンジニアといろんな取り組みを行っています。
その紹介記事を書きましたので、是非ご覧ください！
note.com/studiodetailsinc/n/…
10
82
【愛知ドビー株式会社様 バーミキュラ オーブンポット 2 ブランド設計、ロゴ、ビジュアル、グラフィックツールなど】
本プロジェクトは、「バーミキュラ」が世界中で110万人以上のファンに支持された鋳物ホーロー鍋ブランドとして、13年ぶりのフルモデルチェンジを迎えるものでした。当社は新しい時代の鋳物ホーロー鍋、新製品「バーミキュラ オーブンポット 2」の発売に伴い、ブランド設計から各種ツールの制作までを担当。
クリエイティブパートナーとして、ブランドのDNAを守りながら、従来製品の「重い」「調理時間が長い」といった課題を解決するために、「普段使いできる」魅力を訴求するための戦略を練るところからスタート。新しい製品のアイデンティティを築くため、初回の打ち合わせから最終的なデザイン、そして発売当日まで、繰り返し議論を行い、アウトプットすべてのディテールにこだわりました。
この新しいオーブンポットが、新たな高みに到達することを願っています。
---
Client - 愛知ドビー株式会社様 @vermicular_japan
Creative - 電通＋STUDIODETAILS INC.
Creative Director：服部 友厚
Director：北川 裕紀乃、高城 栄一朗
Art Director / Designer：中村 文隆
Designer：福邉 美波
Lead Developer：水澤 志歩
Front-end Developer：森岡 良介、大島 涼佑、杉浦 友紀、岩井 玄貴、岩下 明日海
Photographer：砺波 周平（フリーランス）
Photographer Assistant：高地 寛（フリーランス）
- MAIN VISUAL
Art Director：大山 よしたか
Photographer：MINOR
Lighting Designer：新内 あゆ美、名和 翔
Prop stylist_main：青山 俊樹
Prop stylist_furniture / Location Coordinator：小川 真澄
Retoucher：春本 正和
Photo Producer：錦木 稔
Filming location：CASICA STUDIO、STUDIO SIX
1
18
81
59,588
［ディテイルズ若手の学び17歩目］
【WebGLのソースコードの調べ方】
SafariにはWebGL Shader Debuggingという機能があり、デベロッパーツールのCanvasタブを開くとWebGLの描画結果やソースコードを閲覧できます。
by伊藤
5
80
CREATORS VOICE #2
野澤 美菜
知の可視化・集約・共有というOPExPARK様の事業の軸をグラフィカルに表現しました。新しい医療の未来を作っていくという、期待感や希望を感じられるようなクリーンで明るい印象にしています。
▼画像は実際の実装指示書
【株式会社OPExPARK 様 コーポレートサイト制作】
手術室の情報融合プラットフォーム「OPeLiNK」と手術内容を記録・配信が可能な手技デジタル教科書「opeXpark」を提供するOPExPARK（オペパーク)様のコーポレートサイトの制作を担当させていただきました。
opexpark.co.jp/
1
5
81
【デジタル・アドバタイジング・コンソーシアム株式会社（DAC）様 リクルートサイト】
DAC様の新卒採用サイト及び、目指す姿や社内の雰囲気を伝えるための会社説明動画を制作いたしました。
.
recruit.dac.co.jp/
2
3
77
[掲載情報]
「Webデザイン良質見本帳／第2版」に弊社で制作したサイトを5サイト掲載いただきました!
ありがとうございます！ぜひご覧ください。
sbcr.jp/product/4815609092/
2
4
74