エンジニア

エンジニア

仕事概要

技術で、ブランドの体験をつくる人へ。

決まった仕様を実装するだけではなく、テクノロジーを通じてブランドの価値を形にしていく。
ディレクターがビジョンを描き、デザイナーが形にし、エンジニアが実装するという従来の垣根を再定義し、ビジネス課題解決やブランド価値向上をエンジニアリングでも実現できるようになる。

スタジオディテイルズでは、そんなエンジニア像に共感のある方を募集しています。

業務内容

• Webサイト構築
• HTML / CSSの設計、コーディング、JavaScriptを利用した演出実装

ブランドの意図・トーンを理解し、戦略・デザイン・開発の整合を取りながら一貫した体験を実装します。
JavaScriptなどを用いて新しい表現方法を追求するスペシャル・コンテンツや、綿密に情報・導線設計を行う中～大規模サイト、外部APIやサーバーサイドとの連携を行う業務系Webアプリ構築など、エンジニアリングの幅は様々です。

ゆくゆくはテクノロジストとして、ブランドの文脈を深く読み解き、エンジニアリングの専門性を軸に、ブランド体験の構想から実装までを担うプロフェッショナルとしてご活躍いただきます。

事例紹介

\\Billboard Live\\
Billboard Liveが提供する、上質と高揚感が交差するライブ体験。
ページの表示が遅れたり、購入動線がもたついたりすれば、その熱は簡単に冷めてしまう。会場で得た高揚感をWebの体験から削がないことをテーマに、インフラ・API等の全体設計からフロントエンド実装までを担いました。
運用面も意識し、記事更新や定期実行時にAIによる翻訳が自動で走る仕組みをパートナーとともに構築。3店舗×多言語の構成でも運用負荷を抑えられる体制を実現しました。

\\TYO 新卒採用サイト\\
個性豊かなメンバーが活躍し、その個性を尊重するカルチャー・仕組みが根付くTYO。
一つひとつのピクセルが集まって映像が生まれるように、一人ひとりの磨かれた個性が集まることで人々の心を動かす映像が作ることができる。そんな読後感を与えることができるようなサイトを目指しました。
デザインカンプに明示されていない文字の出方や細かな表現は、エンジニア自ら全体のテイストを読み取り補完・調整。デザインの意図を汲み取って実装に反映することで、完成度の高い仕上がりに貢献しました。

作業環境／技術スタック

プロジェクトの性質・規模・運用体制に応じて最適な構成、技術を選択します。
【Languages】HTML / CSS / JavaScript / Node.js / TypeScript
【Frameworks】Astro / Next.js
【Infrastructure】Cloudflare / GCP / AWS
【CMS】microCMS / WordPress
【Collaboration】GitHub / Slack / Notion
【Design】Figma / Adobe Creative Cloud

必須スキル

技術で、ブランドの体験をつくる人へ。

決まった仕様を実装するだけではなく、テクノロジーを通じてブランドの価値を形にしていく。
ディレクターがビジョンを描き、デザイナーが形にし、エンジニアが実装するという従来の垣根を再定義し、ビジネス課題解決やブランド価値向上をエンジニアリングでも実現できるようになる。

スタジオディテイルズでは、そんなエンジニア像に共感のある方を募集しています。

業務内容

• Webサイト構築
• HTML / CSSの設計、コーディング、JavaScriptを利用した演出実装

ブランドの意図・トーンを理解し、戦略・デザイン・開発の整合を取りながら一貫した体験を実装します。
JavaScriptなどを用いて新しい表現方法を追求するスペシャル・コンテンツや、綿密に情報・導線設計を行う中～大規模サイト、外部APIやサーバーサイドとの連携を行う業務系Webアプリ構築など、エンジニアリングの幅は様々です。

ゆくゆくはテクノロジストとして、ブランドの文脈を深く読み解き、エンジニアリングの専門性を軸に、ブランド体験の構想から実装までを担うプロフェッショナルとしてご活躍いただきます。

事例紹介

\\Billboard Live\\
Billboard Liveが提供する、上質と高揚感が交差するライブ体験。
ページの表示が遅れたり、購入動線がもたついたりすれば、その熱は簡単に冷めてしまう。会場で得た高揚感をWebの体験から削がないことをテーマに、インフラ・API等の全体設計からフロントエンド実装までを担いました。
運用面も意識し、記事更新や定期実行時にAIによる翻訳が自動で走る仕組みをパートナーとともに構築。3店舗×多言語の構成でも運用負荷を抑えられる体制を実現しました。

\\TYO 新卒採用サイト\\
個性豊かなメンバーが活躍し、その個性を尊重するカルチャー・仕組みが根付くTYO。
一つひとつのピクセルが集まって映像が生まれるように、一人ひとりの磨かれた個性が集まることで人々の心を動かす映像が作ることができる。そんな読後感を与えることができるようなサイトを目指しました。
デザインカンプに明示されていない文字の出方や細かな表現は、エンジニア自ら全体のテイストを読み取り補完・調整。デザインの意図を汲み取って実装に反映することで、完成度の高い仕上がりに貢献しました。

作業環境／技術スタック

プロジェクトの性質・規模・運用体制に応じて最適な構成、技術を選択します。
【Languages】HTML / CSS / JavaScript / Node.js / TypeScript
【Frameworks】Astro / Next.js
【Infrastructure】Cloudflare / GCP / AWS
【CMS】microCMS / WordPress
【Collaboration】GitHub / Slack / Notion
【Design】Figma / Adobe Creative Cloud

歓迎スキル

• WordPressやmicroCMS等のCMSの実装経験
• WebGLを使用した演出実装
• ヘッドレスCMSを使用したJamstack構成のサイト構築
• PHPを利用したフォームやシステム実装
• Shopifyなどを使用したECサイト構築
• サーバー管理/設定などインフラの構築
• ウェブアクセシビリティの知識
• Web以外の制作（実務/プライベート問わず）

求める人物像

• 自分の専門領域に閉じず、ブランドの文脈や背景に主体的に向き合い、戦略やデザインにも積極的に関与する意欲のある方
• 技術を目的化せず、ブランドや体験価値を基準に判断できる方
• 新しい技術やAIを、流行としてではなく判断材料として扱える方
• 正解が定義されていない状況においても、仮説を立て、具体化し、前に進められる方
• 一人で完結させるのではなく、チームでより良いアウトプットを目指せる方

応募概要

給与

*\年俸 3,000,000円〜6,000,000円\*
基本給 184,971円〜369,942円
みなし残業代（45時間分） 65,029円〜130,057円
※経験・スキルを考慮の上、当社規程に基づき決定します
※45時間を超える時間外労働分についての割増賃金は別途支給します

*\昇給 年2回\*
業績など勘案の上実施します。

*\通勤手当\*
会社が認める経路により支給（月額上限 25,000円）

勤務地

名古屋・東京・大阪の三拠点から、希望や適性を考慮し勤務地を決定します。

*\名古屋本社\*
愛知県名古屋市中区千代田1-1-20 グリーンハイツ千代田1F

*\東京オフィス\*
東京都渋谷区千駄ケ谷5-8-10 巌ビルB1F

*\大阪オフィス\*
大阪府大阪市北区大深町6-38 グラングリーン大阪北館 JAMBASE 7F

雇用形態

正社員

勤務体系

*\勤務時間\*
フレックスタイム制（コアタイム有）
コアタイム：10:00 - 15:00
ビジネスタイム：9:30 - 18:30（所定労働8時間）

*\休日・休暇\*
土曜日・日曜日
国民の祝日
夏季休暇
年末年始休暇
その他特別休暇あり
※年間休日数126日（2025年度実績）

試用期間

有（3ヶ月）※試用期間中の待遇変更はありません

福利厚生

厚生年金・社会保険完備
家族手当・住宅手当（当社規定による）
社員紹介制度（当社規定による）
研修・講座サポート（年間上限 50,000円）
MacBook Pro支給