MONSTER TRUCKS モンスタートラック | Hot Wheels ホットウィール | Mattel マテル
世界No.1のミニカーブランド ホットウィールのモンスタートラック特設サイトでフロントエンド開発を担当しました。
2歳の息子が3度の飯より大好きなミニカーのサイト制作に携われて楽しかったです。制作中のサイトを息子にチラチラ見せながら実装しました。
モンスタートラック8台セットが当たるプレゼントキャンペーンもやってますのでミニカー好きなお子さんのいる方はお見逃しなく!ワタシももちろん応募しました。
I was in charge of the front-end development of a special website for Hot Wheels Monster Truck, the world’s No.1 miniature car brand. My 2-year-old son loves miniature cars more than three meals a day, so it was fun to work on the site. I implemented the site while showing my son glimpses of the site as it was being created.
It is also running a campaign to win a set of eight monster trucks, so if you have a child who loves miniature cars, don’t miss out! Of course, I entered too.
Credit
Direction/Design : Koichi Ichiyama(oneberg inc.)
Design : Kazuya Fujiwara(Tsubame to Tora)
Front-end development : Masayuki Daijima(Calmhectic inc.)
スクロールに連動したシーントランジション演出が痺れるかっこよさ! DRAFT Inc. スペシャルサイト
DRAFT MinamiaoyamaのサイトがWebGL総本山にご紹介いただきました!
細かい考察ありがとうございます!
DRAFT Minamiaoyama’s website has been introduced in the WebGL SOHONZAN! Thank you for the detailed consideration!
]]>DRAFT Minamiaoyama | DRAFT Inc.
DRAFT Inc.さんの新オフィス特設サイト制作でWebGLとフロントエンド開発を担当しました。
MTGで何度かオフィスに足を運びましたが、本当に素敵オフィスでした。(語彙力0)
また、中川さんのオシャレデザインに動きをつけていく作業がとても楽しかったです。
I was in charge of WebGL and front-end development for DRAFT Inc.’s new office special site production, I visited the office several times for MTG and it was a really nice office. (Vocabulary 0) I also had a lot of fun adding motions/interactions to Nakagawa san’s super cool design.
Credit
Producer: Masaya Yamamoto (ingraft Inc.)
Art Director / Designer: Hirofumi Nakagawa (ANDMADE Inc.)
WebGL / Front-end Developer: Masayuki Daijima (Calmhectic inc.)
球体をノイズでディストーションすることで花のようなオブジェクトを表現した Hana Network のウェブサイト
Hana NetworkのWebサイトをWebGL総本山に取り上げていただきました。ありがとうございます!ありがとうございます!
The website of Hana Network have been featured on WebGL SOUHONZAN. Thank you for the feature!
]]>先日登壇したCASESTUDY #3のアーカイブ動画が公開されました!
話したい内容が持ち時間に収まらなそうな量だったのでロスしないようシナリオを用意していったら、緊張のせいでシナリオをただ棒読みしちゃってますが是非ご笑覧ください。木村さんと長谷川さんのお話はかなり学びがあるので是非!
全てのブロックチェーンに秘匿化をもたらすプライバシーレイヤー、”Hana”のサイト制作でWebGL開発とフロントエンドの一部の開発を担当しました。
花が蕾から咲き始めたり、揺らいだり、何色にも切り替わったりと様々に変化します。今回はデザイン確定前に実装のスタディ(フィージビリティのテストやシミュレートツールを作成)をしたり、シェーダを沢山書いたりと刺激の多い案件でした!
I was in charge of WebGL development and part of the front-end development for the “Hana” website, which is a privacy layer that brings confidentiality to all blockchains.
The flower would bloom from a bud, swaying, changing into various colours, and undergoing multiple transformations. This time, before finalizing the design, I conducted implementation studies (testing feasibility and creating simulation tools), wrote numerous shaders, and experienced many stimulating aspects!
[Credit]
Client:Hana Network様
Production:STUDIO DETAILS Inc.
Director:福田 悠斗
Art Director / Designer:中田 彩
WebGL / Front-end Developer:代島 昌幸(Calmhectic inc.)
Technical Director:水澤 志歩
Front-end Developer:岩下 明日海、多田 亮太
一見シンプルだが様々なインタラクティブ性を備えた 3D 表現が秀逸!
WebGL総本山に掲載いただきました。嬉しい解説ありがとうございます!
I’m pleased to have been featured on WebGL SOUHONZAN. Thank you for the nice explanation!
先日のCASESTUDY #3の登壇資料をアップしました。
CASE1 Pilot.Auto / Web.Auto
・カメラの追従
・3D空間のレイアウト
CASE2 Ayako Taniguchi
・メニューの文字演出
イベント当日は口頭のみでお伝えした箇所も資料に加筆しました。Keynoteで作った登壇資料をHTMLで書き出しています。
[操作方法]
ナビゲータ表示 : 画面左にマウスを持っていく
戻る : 左ボタン or 上ボタン
進む : 右ボタン or 下ボタン or 画面クリック
[2023年6月15日追記]
以下より当日のアーカイブ版をご覧いただけます。
CASESTUDY #3 | アーカイブ版
A management consulting firm’s website
某経営コンサルティング会社さんのWebサイト制作で、WebGLとフロントエンドの開発を担当しました。
I was in charge of WebGL and front-end development for a management consulting firm’s website production.
[Credit]
Direction/Design : Koichi Ichiyama(oneberg inc.)
WebGL/Front-end development : Masayuki Daijima(Calmhectic inc.)
3DCG adjustment : Yoshihito Kato
2023年5月12日にSTARRYWORKS inc.さんとMEFILASさん共同主催のイベント「CASE STUDY」の第3回でお話することになりました。実際にどのようなアプローチで制作をしているかお話しできればと思っています。
[2023年6月15日追記]
以下より当日のアーカイブ版をご覧いただけます。
CASESTUDY #3 | アーカイブ版
Pilot.Auto – CSS Design Awards
実装を担当したTIER IV, Inc. サービスサイト、Pilot.AutoがCSS Design AwardsのWEBSITE OF THE DAYを受賞しました。制作チームの皆様おめでとうございます!
Congratulations to the awesome team! Much appreciated CSS Design Awards
]]>Masayuki Daijima – Awwwards Jury 2023
WebアワードAwwwardsの審査員になりました。世界中の素晴らしい作品に出会えるのが楽しみです。
Super thrilled to be a part of awwwards jury! I’m looking forward to meeting all the awesome entries from all over the world.
]]>ナトコ株式会社のコーポレートサイト制作でTOPページの演出実装とメニュー等の共通部分の実装を担当しました。関係者の皆様、お疲れ様です&ありがとうございました!
I was responsible for the implementation of the animation and interaction of the TOP page and the implementation of common parts such as the menu in the production of the corporate website of NATOCO Co., Ltd. Thank you for all your hard work!
Client:ナトコ株式会社様
Creative Agency – Studio Details Inc.
Director:福田 悠斗
Director / Copywriter:北川 パーヤン
Web – Studio Details Inc.
Art Director / Designer:野澤 美菜
Illustrator:murakamina
WebGL / Front-end Developer:代島 昌幸 (Calmhectic inc.)
Development Director:八木 彩香(STUDIO SPOON)
Front-end Developer:庄野 響(STUDIO SPOON)、本多 佳羽(STUDIO SPOON)、遠藤 龍平(STUDIO SPOON)
Back-end Developer(CMS):藤井 直矢(STUDIO SPOON)、KANG YUCHAN(STUDIO SPOON)
Technical Director:中村 明史(STUDIO SPOON)
Photographer:砺波 周平(フリーランス)
Movie – qomunelab co.,ltd.
Director:阿部 友紀子
Producer:小堀 允義
Cinematographer:北村 晋也
Camera Assistant 1st:加来 伯石
Camera Assistant 2nd:鈴木 雄大
Narrator(EN):エミ・エヴァンス(FreeWave)
Sound Engineer:堀元 小枝(rSTUDIO)
Annual Awards = The best of the web 2022
実装を担当したCIRCUS ShanghaiのコーポレートサイトがAwwwardsのDeveloper site of the year 2022にノミネートされています。Developerとしてとても光栄な部門でのノミネートで嬉しいです。
The corporate site of CIRCUS Shanghai, which I was in charge of implementation, has been nominated for Developer site of the year 2022 on Awwwards. Happy to be nominated in a very honourable category as a developer! Big thanks to Awwwards.
]]>実装を担当したTIER IV, Inc. サービスサイトPilot.AutoがAwwwardsのSite Of The DayとDeveloper Awardを受賞しました。制作チームの皆様おめでとうございます!
Pilot.Auto site which I was in charge of implementing, has won the Site Of The Day and Developer Award on Awwwards. Congratulations to the superb team!