工務店のホームページ
古い作りのホームページを、スマホで読める形に直した版と、写真と文章はそのままに今の見た目へ作り替えた版です。
写真は画像生成AIで作ったものです。
サイト・LP
開いて、スクロールやボタンを試せます。
イラストで作る採用LP
写真の少ない会社に向けた、1ページの採用LPです。働く人と現場をイラストで描き、介護と建設の会社を、線画・アイソメトリック・見取り図の絵柄で組みました。
イラストは画像生成AIで描き、色と線を整えています。
社員の声や研修の区切りを足した長い版
採用サイトのファーストビュー
建設会社の採用サイトのファーストビューを、方向の違う3案で作りました。手と木の写真で見せる案、給与や休みの条件を先に見せる案、墨の線で組む案です。
写真は画像生成AIで作ったものです。
モデルハウスの紹介ページ
完成前のモデルハウスを紹介し、来場予約と資料請求を受けるページです。予約のフォームは、入力・確認・完了まで動きます（どこにも送信しません）。
画像はすべて3DCGです。外観は、まわりの景色を画像生成AIで仕上げています。
3DCG・建築パース
図面から家を3Dで組み、Blender で光を計算して描いています。
家の中へ歩いていくページ
スクロールすると、門から庭、縁側、居間へと家の中に入っていきます。Blender で計算した光を模型に焼き付け、ブラウザの中で動かしています。止まる場所ではまわりを見回せて、間取り図と、屋根を外した模型も開けます。
木や空の素材は Poly Haven（CC0）のものです。
外観・内観のパース
図面から組んだ家を、外観と内観で描いた完成予想図です。同じ角度で、昼と夕方を描き分けています。
昼の外観の大きな2枚は、家を3DCGのまま残し、空や緑などのまわりを画像生成AIで仕上げています。
図面とパースの照合
パースと同じ寸法で、平面図と立面図を描きました。パースに立面図の線を重ねて、窓とドアの位置が図面と合っているかを確かめています。
手描き風のパース
3Dで組んだ家を元に、淡い水彩の絵に描き直しました。家の中の暮らしが見える断面の絵もあります。
描き直しには画像生成AIを使い、形は3Dの線に合わせています。
Instagram 投稿
カルーセル（1080×1350）と、ストーリーズの告知（1080×1920）です。写真は画像生成AIで作ったものです。
コスメ｜KINMOKU
金木犀のリップティントの新色3色を知らせる投稿です。
カフェ｜くりのは珈琲
栗を使った3品を、10月10日の発売の前に知らせる投稿です。
美容室｜hair salon yohaku
秋の髪色3色のカタログと、フェアの告知です。
バナー・動画
バナー（PSD で納品）
家づくり勉強会の告知バナーを、1080×1080 と 300×250 で作りました。文字は直せる文字レイヤーのまま、写真はスマートオブジェクトにして PSD で書き出しています。
写真は画像生成AIで作ったものです。
キャラクターの短い動画
パン屋の店主のキャラクターを、同じ顔のまま夜と朝の場面に描き、動きと音を付けた縦型の動画です。
絵は画像生成AIで描き、動きと音はプログラムで付けています。
業務システム
データは架空です。入力した内容は、開いているブラウザの中にだけ残ります。
顧客管理（CRM）
空調設備の会社を想定した顧客管理のシステムです。顧客の一覧とカルテ、ドラッグでステータスが変わる案件のボード、対応の記録、権限ごとの見え方の違いまで触れます。
手術の予約管理
クリニックの手術の予約を、医師ごと・手術室ごとのカレンダーで管理するシステムです。手術の種類を選ぶと、できる医師と手術室の空きを探して候補を出します。
