OUR SERVICES

事業紹介:Ideas into experiences.

AI / Web開発、写真・映像制作、AI / IT(DX)顧問。技術と表現の両面から、事業とものづくりを支えます。

薄いチタンの層が波のように広がり、ガラスを通る光が床に繊細な模様を描く構造体
事業領域を見る
AI & WEB

  • AI Integration
  • Web Development
  • UI / UX

AIを組み込んだプロダクトから、Webサイト・EC・LPまで。企画、デザイン、開発をつなぎ、使う人の体験から設計します。

自社サービスTenak AIとSTUDIO JUNOの開発・運営で得た経験を、事業や業務に合わせた仕組みづくりへ。必要な機能を整理し、画面の使い心地と裏側の実装を一緒に考えます。

対応できること

  • AIサービス・Webアプリの開発
  • コーポレートサイト・EC・LP制作
  • UI / UX設計・フロントエンド実装
  • AI連携・業務ツールの開発

アウトプット

Webサイト・Webアプリ、画面デザイン、AI連携・業務ツール。

一緒に進めること

  1. 課題と利用シーンを整理する
  2. 画面と機能のかたちを確かめる
  3. 実装し、使い心地を磨く
PHOTO & FILM

  • Photography
  • Filmmaking
  • Motion Design

写真撮影、映像の企画・撮影・編集、モーションデザイン。実写とAIによる表現を組み合わせ、ブランドや伝えたいことに合うビジュアルをつくります。

人物や商品の魅力を捉える写真から、映画のような質感の映像まで。構図、光、色、テンポを丁寧に組み立てます。WebやSNSでの見え方も踏まえ、公開する場所に合った形に仕上げます。

対応できること

  • ポートレート・商品・ブランド撮影
  • 映像の企画・撮影・編集
  • カラーグレーディング・モーションデザイン
  • AIを活用した画像・映像制作

アウトプット

写真、映像、モーションデザイン。公開する場所に合ったビジュアル。

一緒に進めること

  1. 用途と表現の方向を決める
  2. 撮影・生成・編集でかたちにする
  3. 色とテンポ、仕上がりを整える
AI / IT ADVISORY

  • AI Strategy
  • Workflow Automation
  • DX Support

AIやITを、日々の仕事で使えるものに。課題の整理、ツールの選定、業務の自動化から導入後の改善まで、継続的に支援します。

「何から始めればよいか」「今の仕組みをどう変えるか」。現場の業務を伺いながら、取り組む順番を考えます。開発とサービス運営の経験をもとに、無理なく続けられる活用方法を提案します。

対応できること

  • AI・IT活用の相談と方針づくり
  • 業務フローの整理・自動化支援
  • ツール選定・導入・使い方の支援
  • 導入後の運用相談・改善提案

アウトプット

AI・ITの活用方針、業務フローの整理、導入・運用の改善案。

一緒に進めること

  1. いまの業務と課題を伺う
  2. 取り組む順番とツールを考える
  3. 運用しながら活用方法を見直す

内容や進め方は、ご相談に合わせて組み立てます。

THE WAY WE MAKE / 01 — PERSPECTIVES

見た目を考えながら、コードを書く。動かして、触れて、もう一度見直す。その行き来から、私たちの仕事は生まれます。

ものづくりの視点を切り替える

FORM & PERCEPTION

最初に何を見せるか。どこで目を止めてもらうか。写真や映像で磨いた構図の感覚を、画面の情報設計に生かします。

構図 / 光 / 余白

デザインについて

STRUCTURE & BEHAVIOR

押したときの反応、読み込みを待つ間、画面幅が変わったとき。細かな振る舞いまでデザインの一部として実装します。

操作 / 応答 / 使い心地

開発について

CONNECTION & POSSIBILITY

調べる、考える、表現する。その途中で人が迷う場所から、AIの使い方を考えます。自社プロダクトを開発・運営しながら、仕事や制作につながる体験を磨いています。

思考 / 制作 / プロダクト

AI事業について

同じかたちを、違う視点から。左右にドラッグ、または立体を選択して矢印キーで回転。Homeキーでリセット。

THE WAY WE MAKE / 02 — PROCESS

One idea.
Every detail.

制作過程の表示を選ぶ
暗いコンクリートの壁にある縦長の隙間から、やわらかな光が差し込む空間
幅を変えて、触れてみる。
暗いコンクリートの壁にある縦長の隙間から、やわらかな光が差し込む空間
Explore our work:Diocodeの映像・デザイン作品を見る

写真の位置も、文字の折り返しも。
画面に合わせて、心地よい余白へ。

AN ORIGINAL DIOCODE DESIGN STUDY01 / SKETCH02 / LAYOUT03 / MATERIAL04 / EXPERIENCE
LIGHTPAPERINK

工程名を選んで、線画から体験までを見比べられます。

SKETCH

何を伝え、どこに余白を残すか。小さなスケッチで、体験の輪郭を探ります。

意図を描く / Find the idea

LAYOUT

文字と写真の大きさ、読む順番、要素の距離。情報の関係を整えて、迷わず届く構成へ。

順番をつくる / Give it structure

MATERIAL

静かな色、柔らかな光、素材の手触り。伝えたい印象に合わせて、一つひとつを選びます。

印象を磨く / Shape the feeling

EXPERIENCE

広い画面では、写真と文章を並べて。小さな画面では、読む順番に重ねて。幅を変えながら、伝えたい印象と使い心地を確かめます。

幅を動かして確かめる / Make it work