— About
Kokona
@kokona_codes
AI×コーディングでものを作っています。
ブランドのコンセプト設計から、HTML / CSS / JavaScript による実装まで、すべてひとりで。
画像生成には Python から OpenAI API（gpt-image-1）を直接コール。フリー素材も組み合わせながら、世界観を丁寧に作り込んでいます。
作りながら学ぶ。公開しながら磨く。それが私のやり方。
— About
@kokona_codes
AI×コーディングでものを作っています。
ブランドのコンセプト設計から、HTML / CSS / JavaScript による実装まで、すべてひとりで。
画像生成には Python から OpenAI API（gpt-image-1）を直接コール。フリー素材も組み合わせながら、世界観を丁寧に作り込んでいます。
作りながら学ぶ。公開しながら磨く。それが私のやり方。
— Works
— All projects built from scratch —
01
CAFÉ · CINEMATIC LP
カフェ・ノワール
自家焙煎スペシャルティコーヒー専門店のシネマティックLP。映画的な世界観と、コーヒーへの深いこだわりを表現。
View Project →02
D2C · SKINCARE EC
オーラ
ジェンダーレス・自然由来スキンケアのECサイト。全3ページ構成 + Stripeデモ実装。
View Project →03
PREMIUM · LP
コナコン
¥1M超級プレミアム化粧品LP。肌診断クイズ・Before/After スライダー搭載。
View Project →04
RYOKAN · LP
つくよみ
信州の隠れ家旅館LP。月齢カレンダー予約・縦書き俳句で和の世界観を表現。
View Project →05
ARCHITECTURE · PORTFOLIO
WAN ARCHITECTS
海辺の建築設計事務所ポートフォリオ。5段階プロセス可視化・6作品・Leafletマップ搭載。
View Project →— Process
— From concept to launch, solo —
ブランドの軸、ターゲット、トーン＆マナーを言語化。世界観を決める。
Python から gpt-image-1 を直接コール。プロンプトを磨きながら、世界観に合う画像を量産。
HTML / CSS / JavaScript のみ。フレームワーク不使用。Claude との対話で高速に作り込む。
Cloudflare Pages でホスト。公開後も触り続ける。作りながら学ぶ。
— Connect