studiodetails Profile Banner
STUDIO DETAILS Inc. / スタジオディテイルズ Profile
STUDIO DETAILS Inc. / スタジオディテイルズ

@studiodetails

Followers
12K
Following
9K
Media
1K
Statuses
8K

Tokyo&Nagoya&Kyoto, Japan specializing in branding, graphic, web,app, and product design. https://t.co/0wBNIQKXj1

Joined October 2009
Don't wanna be here? Send us removal request.
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【STUDIO DETAILS Webサイトリニューアルのお知らせ】.2022年9月より、新しい体制がスタートしたことに伴い、約7年ぶりとなるサイトリニューアルを実施いたしました。.私たちが何を考え、どこに向かうのかを知ってもらうために、これまでの歩みをあらためて整理し、5つのアプローチにまとめています。
2
84
641
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【DAC様 新卒採用サイト】.2020年に引き続きDAC様の新卒採用サイトを制作させていただきました。.DACの強みである「デジタル・テクノロジー」と広告の先にある「消費・生活・文化」。.この2つを軸に求職者へDACの魅力を伝えるWebサイトをぜひご覧ください。
2
114
1K
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【NEWPEACE Inc.様 リブランディング】.企業やブランド、社会の多様な課題をクリエイティビティで解決するビジョニングカンパニーNEWPEACEの「コミュニティマネジメント」を核とするビジネスへの挑戦と、壮大なリブランディングプロジェクトに、Goodpatch Inc.と弊社がタッグを組んで取り組みました。
3
147
1K
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
10 months
【トヨタファイナンス様 デザインチームサイト】.既存の金融機関とは一線を画したモビリティー金融サービスの提供を目指し、自由で便利な移動体験の実現を支援しているトヨタファイナンスデザインチームのWebサイトを制作しました。STUDIOを使って実装しています。
2
117
1K
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
昨日の内定式では昨年に引き続き、オリジナルの内定書を贈りました。「知識やセンス、経験などたくさんのものを詰め込んでいって欲しい」という��いを込め、貼り箱でできた内定書を作成しました。
1
45
791
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【養老ミート株式会社様 ECサイト】.岐阜の「養老ミート本店」のECサイトを制作しました。飛騨牛・大田中牛・養老山麓豚など安心と美味しさにこだわったブランド肉をご自宅へお届けいたします。.
1
96
758
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【八百彦本店様 一升餅商品開発/サイト制作】.お子様が1才のお誕生日に一升のお餅を背負う日本の伝統行事「一升餅」の商品開発・WEBサイトを制作いたしました!.- Logo , Photo
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
61
691
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【PRESS BUTTER SAND サイトリニューアル】.『八 by PRESS BUTTER SAND』サイトに続き、.ブランド誕生5周年記念に合わせPRESS BUTTER SAND ブランドサイトもフルリニューアルいたしました!
1
61
600
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【RARA(立命館先進研究アカデミー)ロゴ&Webデザイン】.社会共生価値の創造とイノベーションに取り組む「次世代研究大学」の実現を目指し、立命館大学で設立されたRARA(立命館先進研究アカデミー)。スタジオディテイルズにてロゴとWebサイトを制作いたしました。
1
53
594
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【RCIエージェンシー様 ブランディング】.ITコンサルティング事業とIT人材プラットフォーム事業を2本柱とするRCIエージェンシー様のブランディングをいたしました。MVV策定のお手伝いからはじまり、ロゴ・Webサイト・採用ピッチにいたるまでのトータルブランディングを是非ご覧ください。
1
58
448
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【HELLO MOBILITY ブランディング】.電気で動くシェアモビリティがつなぐ、.心が動くあたらしい暮らし。. OpenStreet株式会社様の新しいモビリティシェアサービス、「HELLO MOBILITY」のサービスコピー/ロゴ/Webサイト/リーフレットを制作いたしました。
1
36
432
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【トヨタ・モビリティ基金様 「Make a Move PROJECT」コンテストサイト】.「もっといいモビリティ社会」をコンセプトにアイデアを募るコンテスト「Make a Move PROJECT」のKV・イラスト・Webサイトを制作しました。
1
27
413
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【CIRCUS Shanghai様 コーポレートサイト】.世界から中国へ、中国から世界へ。企画・コンサルティング・広告・海外展開・販売代理までクライアントやプロダクトのすべてをサポートする総合広告代理店、CIRCUS Shanghai様のコーポレートサイトを制作いたしました。.
2
31
411
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【text-strokeで縁取り】.cssのtext-storkeを使い文字を縁取り、ホバーすると.文字の中の色が塗り潰される様な実装をしてみました。. #エンジニアTips
1
27
350
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
あけましておめでとうございます!.丑年の今年は、Fresh creative is in good hands! と題して、ゴム手袋を牛のお乳に見立てた年賀状を制作しました。本年もどうぞよろしくお願いいたします。. AD 安藤真理.DE 小猿啓太、須川美里、小倉裕香、福田悠斗
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
41
311
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【STYLE PORT Inc.様 コーポレートサイト・サービスサイト】.コーポレートサイトは、空間デジタルツイン技術によるサービスの革新性と建設/不動産業界のDX推進をリードする存在であることを表現。サービスサイトでは、サイトがサービスの印象に直接影響を与えるため細かな動きまで調整を重ねています。
1
22
294
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【株式会社データグリッド様 コーポレートサイト】.世界的に広がりを見せるシンセティックデータ(AIによる合成データ)。日本における、この領域のパイオニアである同社。.ブランディング、コーポレートミッション��刷新とロゴ・Webをはじめとしたクリエイティブ制作を行いました。
1
20
284
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
10 months
CREATORS VOICE #1.Lead Designer.豊田 メル @toyota_pro_n. Blenderを使用して3Dアニメーションに初挑戦しました。.クリーンで先進的な印象になるよう、オブジェクトの形状やマテリアルとカラーリングの検証を重ね作成しました。.透明感が出るよう、ガラス質にはやや放射を加えています。
Tweet media one
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
10 months
【トヨタファイナンス様 デザインチームサイト】.既存の金融機関とは一線を画したモビリティー金融サービスの提供を目指し、自由で便利な移動体験の実現を支援しているトヨタファイナンスデザインチームのWebサイトを制作しました。STUDIOを使って実装しています。
0
14
279
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【三菱ケミカル株式会社 様 採用サイト】.新卒採用サイトのリニューアルを担当いたしました。「みんなの夢が地球をまわす」というスローガンをもとに、仲間と共に未来を作っていくワクワク感や仕事へかける情熱をペーパーカットアートの世界観で表現しています。.
3
25
274
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
1 year
【ロート製薬株式会社様 採用ブランディング】 .「Vロート」や「肌ラボ」「メラノCC」など生活に身近な商品を生み出してきた製薬会社、ロート製薬。当社の採用課題、目的の洗い出し、採用コンセプト策定、各種クリエイティブ制作まで、トータルで採用ブランディングをご支援いたしました。
1
39
259
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【株式会社テックフラッグ様 コーポレートサイト】.最先端技術を用いた自動化・効率化で、ゲーム開発分野を主とした課題解決を目指す会社、テックフラッグ様のコーポレートサイトを制作いたしました。.AIによる効率化で、物事が人の手を離れ自動で進んでいくさまをTOPページで表現しています。
1
16
241
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
【株式会社るうふ様 ブランドサイト】.古民家宿るうふのWebサイトリニューアルを担当いたしました。るうふ様の特徴である囲炉裏や焚き火、その「火」を灯り・光ととらえビジュアル演出やトランジションで柔らかに表現しております。.
3
22
230
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【株式会社中川政七商店 様 鹿猿狐ビルヂング キービジュアル/ティザーサイト】.中川政七商店創業の地にこの春オープンする「鹿猿狐ビルヂング」のキービジュアルとティザーサイトを担当させていただきました。.
2
17
222
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【玉川釉薬様 コーポレートサイト】.タイルの製造時に色付けなどで使用する釉薬(ゆうやく)の研究開発、製造、販売を行う玉川釉薬。.下請けではなく、自分たちが色を作り出せるという強みをコピーやビジュアル、事例などを通じて知ってもらえるようなサイトにリニューアルしました。
1
20
220
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
【株式会社キングジム様 「テプラ」PRO用アプリ紹介サイト 】.株式会社キングジム様の「テプラ」PRO専用アプリ「Hello」の紹介サイトの制作を担当いたしました。.
1
21
201
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【八 by PRESS BUTTER SAND ティザーサイト】.和と洋を越境したニッポンの新しいお菓子『八 by PRESS BUTTER SAND』のティザーサイトを制作いたしました。.新しい八の世界観への没入を表現しています。.これからの八の情報をお楽しみにお待ちください!.
1
12
201
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【INTAGE Inc.様 データマーケティングの3Dビジュアライズコンテンツ施策】.現代の消費傾向として注目される「リキッド消費」の調査結果を、webGLを用いた没入感のあるインタラクティブコンテンツを作成しました。
1
17
197
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
2022年はありがとうございました!.来年もどうぞよろしくお願いいたします。
0
24
189
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【株式会社デンソー様 D-EXPERIENCE DESIGN SYSTEM サイト】.UXに関する取り組みを伝えるサイト「D-EXPERIENCE DESIGN SYSTEM」を制作いたしました。.目指すビジョンを起点にデザインシステムを固め、実現・具体化していくメッセージを、赤い丸を起点としたラインアニメーションで表現しています。
2
20
187
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【ナトコ株式会社様 コーポレートサイト&ムービー】.研究開発とデザインを両輪とし、塗料の製造・販売を行うナトコのWebサイトと会社紹介動画を制作いたしました。.新しいミッション「Cover the world with unique ideas.」をTOPのイントロまでの流れで表現しています。.動画もぜひご覧ください。
2
32
186
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【TYO様 コーポレートサイト】.広告映像を中心とし、各種コンテンツの戦略立案・企画・制作を手掛ける映像プロデュースカンパニー・TYO様のコーポレートサイトをリニューアルいたしました。.
3
18
182
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【丸美産業株式会社様 PLACESIONブランドサイト】.名古屋市内、東海エリア(愛知・岐阜・三重)を中心に分譲マンションや一戸建て住宅を供給するPLACESIONのブランドサイトを制作いたしました。.
1
19
176
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
11 months
【株式会社リップス様 コーポレートサイト】.「カッコいい」を引き出すメンズビューティーブランド、LIPPSのコーポレートサイトを制作させていただきました。.ヘアサロンからトレンドを創り出し、ユーザーに必要とされるプロダクトを開発するLIPPSの事業やこれまでの歩みをご覧ください。
1
20
174
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【養老ミート株式会社様 コーポレートサイト】.創業約50年、飛騨牛の肥育、加工、小売全てを展開している唯一の企業として、歴史を紡いできた養老ミート様。新たなステージへむけ、堂々たる信頼感、飛騨牛への愛とこだわりを表現したKVとコーポレートサイトを制作しました。.
1
11
176
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
⚡️ "ディテイルズ若手の学びTips".
0
22
174
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
6 years
最近マジで偶然似たロゴをつくってて焦ったから、最低限これはやるべし。.
2
57
171
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【八 by PRESS BUTTER SAND 本サイト】.「八 by PRESS BUTTER SAND 」の本サイトを公開いたしました!.店舗の装飾にも使われている和紙を大地に見立て背景に配置。八の世界観を横スクロールに合わせストーリー展開しました。
1
21
167
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
1 year
【Valuence Holdings Inc. 様 ブランディング】.あらゆる実物資産のお悩みの解決に留まらず、スポーツやアートなど、精神的な豊かさにつながる価値を世の中につなげていくために進化し続けるバリュエンス。同社のブランディングと、新卒採用サイトをご支援いたしました。
1
26
166
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【PROOF OF GUILD様 ブランドサイトリニューアル】.手仕事を中心としたアイテムの企画・製造・販売をおこなうPROOF OF GUILDのブランドサイトリニューアルを担当いたしました。
2
11
152
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【TT Global 様 リブランディング】.企業で役目を終えた中古IT機器を、新興国に住む未来のユーザーのもとへ。世界中でIT機器のリユースを推進する同社のリブランディングを実施。ロゴ、ミッション、ビジョン、コーポレートサイト等、クリエイティブ全般のご支援を行いました。
1
29
147
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【クリックさせたい箇所にオススメな3D実装】.PCはマウスに合わせて、SPは指でなぞることでtransformのrotateプロパティで傾きを与え、要素を3Dに傾くように実装しています。大きめバナー等、クリックさせたい箇所を3Dに見せたい時にオススメです。-.by 安田.#エンジニアTips
0
9
147
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
オートバイレーサー渡辺一樹様 @kazuki__26 のネームロゴデザインを担当いたしました。. Zの文字を ∞(無限)のマークとサーキットに見立て、限り無い挑戦心と、TOPを目指し走り抜く姿を表しました。.鋭い集中力と滑らかな走りを表現するため、直線と曲線で構成したタイポグラフィとしています。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
14
139
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【ESTYLE,Inc.様 コーポレートサイト】.データサイエンス事業を展開するESTYLE様のコーポレートサイトを担当させていただきました。採用の強化をメインの目的とし先進感がありながらも親しみやすさを感じるサイトに仕上げています。.
1
14
141
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【株式会社サンデシカ様「ISURU」プロジェクト】.株式会社サンデシカ様の新ベビー用品ブランド「ISURU(イスル)」の製品開発の監修からブランド戦略、PR戦略、コミュニケーション設計、各種PRツールのプロデュース・制作までを担当いたしました。. - Brand Information.
Tweet media one
Tweet media two
Tweet media three
1
15
133
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【まくらのキタムラ コーポレートサイト】.「おはよう。いい朝。いい人生。」.心と体の健康や豊かな生活に役立つ枕メーカー、まくらのキタムラ様のコーポレートサイトを制作いたしました。創業100年を迎える、キタムラ様。これからの100年への想いをご覧ください。
1
13
131
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【デジタル・アドバタイジング・コンソーシアム株式会社(DAC)様 中途採用サイト】.THINK OUTSIDE THE BOX. 新卒採用サイトに引き続き、DAC様の中途採用サイトを制作させていただきました。.
1
8
127
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【螺旋回転を表現した実装】.HTMLのbody要素にCSSのperspectiveを与えて奥行きを出し、螺旋状のテキスト一つ一つにkeyframesアニメーションでX軸とZ軸を回転移動させる事によって螺旋回転を表現しています。.-.by白澤.#エンジニアTips
0
9
126
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
1 year
あけましておめでとうございます。.ブランド戦略とクラフトマンシップの組み合わせによって、よりインパクトフルなブランド体験を提供し、ブランド価値の向上に徹する。そんな私たちの姿勢を表現する年賀状を制作しました。.ふたつの刃で、切り拓きたい価値がある。今年もよろしくお願いいたします。
Tweet media one
1
18
124
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
【CIRCUS Inc.様 コーポレートサイト】.企画から始まりコンサルティング・広告・海外展開・販売代理までクライアントやプロダクトの全てをサポートする総合広告代理店 CIRCUS。.ブランディングとロゴ・Webをはじめとしたクリエイティブ制作を行いました。.
3
12
122
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
CREATORS VOICE #2.水澤 志歩.3D表現にはかなり苦戦しました。3Dの色味、光の調整にはライトだけでなく、環境マップを使用。白い角丸枠内のシーンはフレームバッファとフラグメントシェーダーを活用し、複数の描画結果を重ねて絵作りをしています。
Tweet media one
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【STYLE PORT Inc.様 コーポレートサイト・サービスサイト】.コーポレートサイトは、空間デジタルツイン技術によるサービスの革新性と建設/不動産業界のDX推進をリードする存在であることを表現。サービスサイトでは、サイトがサービスの印象に直接影響を与えるため細かな動きまで調整を重ねています。
0
6
118
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
CREATORS VOICE #2.須川 美里 .コンテストに参加する人々の個性を道のモチーフで表現し、道が交じり新たな道へと繋がっていく様子を見せていきたいと考えました。イメージ共有のため絵コンテを作成し、エンジニアさんと会話していく中で今回はmp4の動画をスクロールで発火するよう実装いただきました。
Tweet media one
@studiodetails
STUDIO DETAILS Inc. / スタジオデ��テイルズ
3 years
【トヨタ・モビリティ基金様 「Make a Move PROJECT」コンテストサイト】.「もっといいモビリティ社会」をコンセプトにアイデアを募るコンテスト「Make a Move PROJECT」のKV・イラスト・Webサイトを制作しました。
1
12
115
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
2021年、ありがとうございました!.来年もどうぞよろしくお願いいたします!!
0
11
114
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
あけましておめでとうございます!.今年の年賀状はスタジオディテイルズの新たな一歩を表現いたしました。.宇宙飛行士が様々なプロフェッショナルと一体となってプロジェクトに挑戦するように、新体制のディテイルズもかつての月面着陸のような困難と未知の領域へと臆することなく挑戦していきます!
Tweet media one
1
24
113
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
【WEB実装】.写真と動画のレイヤーを切り分けることで、写真の画質を保ったまま動画がアップできる。上に重ねる動画は、通常背景の透過ができないため、WebGLで毎フレーム透過処理をさせつつ描画させたものを重ねている。.-.by小倉 94歩目.#若手の学び
0
5
115
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【Hana Network様 Hanaサイト】.全てのブロックチェーンに秘匿化をもたらすプライバシーレイヤー "Hana"。ブランディングとティザーサイトに続き、本サイトの制作を担当いたしました。
1
15
112
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【note更新しました!】. 皆さまから多くの反響をいただきました丑年の年賀状について、制作ストーリーをnoteで公開しました。 .例年、粒度を増してきている制作の様子を赤裸々にご紹介しております。.是非ご覧ください!.-..#note #年賀状.
2
15
113
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
【note更新しました!】.今回はQUOITWORKS(@quoitworks)のムラマツさん(@muuuuu_chang)にご指導いただきながら、須川(@misato__25)が参戦したバケモノさんの仮想サイトリニューアル課題についてワークフローから各フェーズでの学びをまとめました!是非ご覧ください!.-.
2
19
111
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
1 year
CREATORS VOICE #5.Lead Front-end / Back-end Developer.水澤 志歩. フロントとCMSの実装を担当しました。.ABOUT USページの演出は、デザイナーから動きのイメージを動画で共有してもらい、細かく調整しながら作っています。
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
1 year
【Valuence Holdings Inc. 様 ブランディング】.あらゆる実物資産のお悩みの解決に留まらず、スポーツやアートなど、精神的な豊かさにつながる価値を世の中につなげていくために進化し続けるバリュエンス。同社のブランディングと、新卒採用サイトをご支援いたしました。
0
1
108
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
10 months
CREATORS VOICE #2.Lead Developer.大島 涼佑 @kaguwashi_. 今回はクライアントさま側で納品後の運用、更新が容易に行えるように、ノーコードツールのSTUDIOを使用して実装を行いました。.
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
10 months
【トヨタファイナンス様 デザインチームサイト】.既存の金融機関とは一線を画したモビリティー金融サービスの提供を目指し、自由で便利な移動体験の実現を支援しているトヨタファイナンスデザインチームのWebサイトを制作しました。STUDIOを使って実装しています。
0
11
111
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【リンナイ様 本社 空間プロデュース】.リンナイ株式会社の本社(愛知県名古屋市)補修に伴い、本社1階のエントランス・ロビー、2階の国内・国外ショールーム、各会議スペースの空間リニューアルをプロデュースいたしました。
Tweet media one
Tweet media two
Tweet media three
1
15
110
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【Webデザインアワード三冠受賞】.弊社が制作担当しました、CIRCUS Shanghai様 コーポレートサイトが「CSS Design Awards WOTD」「FWA FOTD」「Awwwards SOTD」の三冠受賞いたしました!.@cssdesignawards @fwa @awwwards .#cssdaWOTD #FOTD #SOTD
Tweet media one
Tweet media two
Tweet media three
1
5
109
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【リンナイ株式会社様 食器洗い乾燥機ステンレスドア プロダクトサイト】.食器洗い乾燥機ステンレスドアのプロダクトサイト・カタログの制作を担当いたしました。
1
13
107
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【ホバー時ボタンが吸着するアニメーション】.ボタンの親要素をカーソル位置までの距離に応じて枠線部分を動かしています。.-.by白澤.#エンジニアTips
0
8
104
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【リビタ様 12シェアオフィスブランドサイト・物件サイト】.住宅やオフィス、ホテルなどのリノベーションを行うリビタ様が展開する「暮らしを自由にするオフィス」12シリーズのブランドサイトと物件サイトを制作しました。
1
10
103
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
【新入社員紹介 池田亮さん】.2020/05/07��池田亮さんがスタジオディテイルズにCHIEF DEVELOPMENT OFFICERとして入社いただくことになりました。よりクリエイティブで、たくさんの人に驚きや感動を与えるモノづくりをしていきたいと思います。
1
13
102
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【服部さんHBD!!】.本日は副社長の服部がお誕生日でしたので、出社メンバーでお祝いしました!おめでとうございます!!
Tweet media one
3
2
104
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
参考本紹介.「3D表現で拡がるグラフィックデザイン」.-.質感・ゆがみ・グラデーションなどを駆使した、どうやって!?という表現から、こんな使い方あったんだ!!という表現まで多数の3D表現作品が収録されています。.デザインコンセプトの紹介や、掲載作品の魅せ方にも注目して読みたい一冊です!
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
3
100
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
あけましておめでとうございます!.今年は寅年!新たなチャレンジにトライし、ドキドキハラハラさせる一年にしタイガー。と題して洗濯バサミを虎の牙に見立てた年賀状を制作しました。本年もどうぞよろしくお願いいたします!
1
15
104
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
[ディテイルズ若手の学び33歩目].【切り抜いた素材を色ベタ背景に自然に合成する方法】.①元画像を切り抜く.②元画像の彩度を「色相・彩度」で無彩色に近くなるまで下げ、「トーンカーブ」で陰影を濃くし、乗算で重ねる。.工数少なく、自然な印象で合成できるのでおすすめです。by小倉
Tweet media one
0
5
102
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【お知らせ】.MdN『アートディレクター/デザイナーの仕事 デザインの手法、思考の源泉』に掲載いただきました。この書籍には、164名のアートディレクター/デザイナーの豊富な事例や考え方が紹介されており、貴重な情報が詰まっています。ぜひご覧ください。.
Tweet media one
Tweet media two
0
9
101
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【スクロールしたらテキストがうねる実装】.スクロール後の位置と、それに徐々に近づく値との差分だけスクロール量に応じて文字を動かしています。時間経過と共にテキストは元の位置に戻ります。(続く).-.by白澤.#エンジニアTips
1
7
102
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【ElephantStone様 コーポレートサイトリニューアル】. ElephantStone様の10周年の締めくくりとしてコーポレートサイトのリニューアルを担当いたしました。.「象る、磨く、輝かせる。」というスローガンを、動画・音楽・WEBを掛け合わせた新しい手法で表現しています。.ぜひBGMありでご覧ください。
1
14
99
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
スタジオディテイルズ 公式Xアカウントのフォロワーが10,000に到達しました。. 記念すべき10,000人の節目を迎え、とても嬉しいです。.いつも多くの人達との繋がりによって私たちが存在し、支えられながら事業ができるていることを改めて感じています。
Tweet media one
0
13
97
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
1 year
2023年もありがとうございました!.来年も、多くの企業様のブランド価値の向上に挑戦してまいります。.みなさま、良いお年をお迎えください。
0
21
100
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
[ディテイルズ若手の学び].レイアウトの基本はカタマリを意識すること。.余白に順序をつけることで、コンテンツがカタマリで見えるため、.どこが繋がっているのか明確になる。.まず、整理できることがレイアウト上達における基本。
Tweet media one
0
10
95
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【CSS Design Awardsを受賞いたしました!】. 弊社が制作担当しました、CIRCUS Shanghai様 コーポレートサイトが「CSS Design Awards」より、2022 MAR 06 WEBSITE OF THE DAYを受賞いたしました。🎉.
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
6
95
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【TURING様 ロゴ&コーポレートティザーサイト】.LV5完全自動運転EVを開発するAIテクノロジースタートアップ、TURING様のロゴとWebサイトを制作いたしました。.
1
12
93
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【リンナイ様 カラーオーダービルトイン食器洗い乾燥機 ILOプロダクトサイト】.6色の扉材カラーからキッチンやインテリアに合わせてカラーを選べる食洗機「ILO Dishwasher」のメインビジュアル・WEBサイトを始めとしたクリエイティブ制作を行いました。
1
13
94
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【犬猫生活様 ブランディング】.殺処分ゼロを目指す活動を行い原材料や製法にこだわった国産無添加のペットフードを販売する。前澤ファンド @yousuck2020 の投資先でもある犬猫生活様のブランディングをお手伝いさせていただきま��た。.
1
7
91
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
弊社ディレクターによるトークイベント『Details Director Session vol.01』終了しました.総勢200名以上の皆さまにご参加いただきありがとうございました!.次回開催もお楽しみに!.-.#directorsession #studiodetails #director #projectmanager #producer.#connpass
Tweet media one
Tweet media two
Tweet media three
1
9
92
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
1 year
【NEWPEACE Inc.様 コーポレートサイト/受賞のお知らせ】.弊社でご支援させていただいたNEWPEACE様のコーポレートサイトが、Awwwards,FWA,CSSDAで受賞いたしました。NEWPEACE様、このプロジェクトに携わってくださった皆様、おめでとうございます!. ▼受賞内容.<Awwwards>.・SITE OF THE DAY.・DEV
Tweet media one
2
22
89
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
先日の打ち合わせがあまり思わしくなかったディレクターがコピーを自主的に200本書いてきた。なんも言ってないけど、そうやってもがく姿におじさんは感動しました。なんか足らないダメだって時に一歩踏みだすことが何よりの成長だと思います。.
2
2
86
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【愛知ドビー様 VERMICULAR HOUSE WEB】 .2021年12月19日にオープンした、東京・代官山バーミキュラ ハウスの撮影・HPを制作させていただきました。ぜひご覧ください!.
1
6
88
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
新卒のエントリー数が1,000人を超えていたみたいです。先週まで最終面接を実施させていただきました。たくさんの応募への感謝とそれに応えられない会社の規模にもどかしさを感じます。本当にたくさんの応募をいただきありがとうございました。.
0
4
88
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
今年もありがとうございました。.来年もどうぞよろしくお願いいたします!
1
6
86
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【インフロニア・ホールディングス様 ティザーサイト】.「前田建設」「前田道路」「前田製作所」3社のHDサイトを作成させていただきました。.ロゴに込められた「インフラの未来を切り拓き、イノベーションを起こす」というメッセージをWeb上でも表現しています。.
2
5
82
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
CREATORS VOICE #3.代島 昌幸 @daijimachine .最初にモック段階の花のイメージを拝見した時に、Photoshopの3Dの深度マップ機能で球体から花を自動生成したということを聞き、これは目から鱗な方法だと思いつつ、WebGLでもハイトマップを用意すれば、そこからディスプレイスメントマッピングで
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【Hana Network様 Hanaサイト】.全てのブロックチェーンに秘匿化をもたらすプライバシーレイヤー "Hana"。ブランディングとティザーサイトに続き、本サイトの制作を担当いたしました。
1
4
86
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【記憶の固執をモチーフにした表現】.サルバドール・ダリの代表作「記憶の固執」から着想を得た表現です。背景のうねる時計はSVGのfilter内でfeTurbulenceとfeDisplacementMapを使って歪ませています。. -.by白澤.#エンジニアTips
0
6
83
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
デザイン会社の1番難しいのは、営業とかじゃなくて育成。個人で優秀な人はたくさんいても育成まで出来る人が全然いない。だからスケールしにくい���、優秀な人を中途で取り合う。業界全体で育成方法をシェアして人材を育てていく必要があるな。.
0
0
84
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【note公開】.スタジオディテイルズでは現在、unshiftの長谷川さん @_unshift にアドバイザーとしてご協力いただいています。.勉強会やSlackでのコミュニケーションなど、社内エンジニアといろんな取り組みを行っています。.その紹介記事を書きましたので、是非ご覧ください!.
0
10
83
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
2 years
【愛知ドビー株式会社様 バーミキュラ オーブンポット 2 ブランド設計、ロゴ、ビジュアル、グラフィックツールなど】
1
19
83
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
[ディテイルズ若手の学び17歩目]. 【WebGLのソースコードの調べ方】.SafariにはWebGL Shader Debuggingという機能があり、デベロッパーツールのCanvasタブを開くとWebGLの描画結果やソースコードを閲覧できます。.by伊藤
Tweet media one
0
5
81
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
CREATORS VOICE #2.野澤 美菜.知の可視化・集約・共有というOPExPARK様の事業の軸をグラフィカルに表現しました。新しい医療の未来を作っていくという、期待感や希望を感じられるようなクリーンで明るい印象にしています。.▼画像は実際の実装指示書
Tweet media one
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【株式会社OPExPARK 様 コーポレートサイト制作】.手術室の情報融合プラットフォーム「OPeLiNK」と手術内容を記録・配信が可能な手技デジタル教科書「opeXpark」を提供するOPExPARK(オペパーク)様のコーポレートサイトの制作を担当させていただきました。.
1
5
81
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
15期目スタートです
Tweet media one
0
1
80
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
[ディテイルズ若手の学び5歩目].【webの文字組入門 - 大きさ編】.WEBにはテキスト要素のレベルが設定されており、要素レベルに合わせてテキストサイズを数値でルール化してコントロールしてあげることが基本。by小猿(webデザイン2年目) #文字組 #design #tips
Tweet media one
0
4
80
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
4 years
【デジタル・アドバタイジング・コンソーシアム株式会社(DAC)様 リクルートサイト】.DAC様の新卒採用サイト及び、目指す姿や社内の雰囲気を伝えるための会社説明動画を制作いたしました。.
2
3
77
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
[掲載情報].「Webデザイン良質見本帳/第2版」に弊社で制作したサイトを5サイト掲載いただきました!.ありがとうございます!ぜひご覧ください。.
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
4
76
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
1 year
【ZOZO NEXT - Ambient Weaving II 】.西陣織の老舗・細尾、ZOZO NEXT、東大筧康明研究室による、伝統工芸と先端素材・インタラクション技術を組み合わせたスマートテキスタイルのプロトタイプを展示した展覧会のバーチャルギャラリーサイトを制作しました。
1
17
78
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
3 years
【ACSL様 新機体「SOTEN-蒼天」ブランディング】.未来を支えるセキュアな国産ドローン「SOTEN-蒼天」のブランディングをお手伝いさせていただきました。ロゴ、動画、Webサイト、カタログとプロモーションアウトプットをトータルで制作しております。ぜひご覧ください。.
1
7
77
@studiodetails
STUDIO DETAILS Inc. / スタジオディテイルズ
5 years
【有名企業ロゴの使用フォントまとめサイト】.ロゴの元となったフォントを知ることができます。制作の参考の他、普段目にするロゴが多く載っているので見てみるだけでも楽しいサイトです。使用フォントのダウンロード先にも繋がっています!.--.by福田 126歩目.#若手の学び
Tweet media one
0
9
74