エンジニア

■仕事概要
技術で、ブランドの体験をつくる人へ。
決まった仕様を実装するだけではなく、テクノロジーを通じてブランドの価値を形にしていく。
ディレクターがビジョンを描き、デザイナーが形にし、エンジニアが実装するという従来の垣根を再定義し、ビジネス課題解決やブランド価値向上をエンジニアリングでも実現できるようになる。
スタジオディテイルズでは、そんなエンジニア像に共感のある方を募集しています。
■業務内容
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プロダクト
Webサイト開発の実務経験 3年以上
企画やデザインの意図を汲みとり、動きの気持ちよさや手触り感を意識した実装を行った経験

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

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