01 — Portfolio

Works

すべて自主制作による架空案件です。想定する事業と利用者を定め、「誰に何を伝え、どう行動につなげるか」を考え、設計から実装まで行っています。

週末珈琲便のトップページ
WordPress ThemeCase Study →
WordPress Theme / Concept Work 自主制作（コンセプトワーク）

週末珈琲便

コーヒー定期便の世界観と申込み導線を全8ページに展開し、PHPテンプレートへ分割したWordPressテーマ試作。

WordPressPHPHTML5CSS3Figma
Case Study 制作デモ
NAGI HAIR完成デモのファーストビュー（画面内写真はAI生成）
Landing PageCase Study →
Landing Page 自主制作（コンセプトワーク）

個人サロン デモサイト

美容室・個人サロン向けに制作した1ページ完結型の架空ランディングページ。画面内の写真はAI生成です。

HTML5CSS3JavaScriptFigma
Case Study 制作デモ
みらい学習室リニューアル後のファーストビュー（画面内写真はAI生成）
Landing PageCase Study →
Landing Page 自主制作（コンセプトワーク）

塾・教室 デモサイト

個人塾・習い事教室向けに制作した1ページ完結型の架空ランディングページ。画面内の写真はAI生成です。

HTML5CSS3JavaScriptFigma
Case Study 制作デモ
湯灯商會のトップページ
WordPress ThemeCase Study →
WordPress Theme / Concept Work 自主制作（コンセプトワーク）

湯灯商會

観光協会を想定し、情報分類と更新項目の構造を検討したWordPressテーマのコンセプトワーク。

WordPressPHPHTML5CSS3JavaScriptFigma
Case Study 制作デモ
02 — Process

制作の流れ

01

ヒアリング

ご要望・目的・予算をお聞きします（無料）

02

提案・お見積もり

構成案とお見積もりをご提出します

03

デザイン制作

Figmaでデザインカンプを作成・確認いただきます

04

コーディング・テーマ化

HTML/CSS/JavaScript実装と、必要に応じてWordPressテーマ化を進めます

05

表示確認・納品

PC・スマホで確認し、合意した修正後に納品します

事業に必要な、見せ方と更新方法を。

店舗サイト、LP、WordPressサイトの制作に加え、制作会社・ディレクターの方からの実装パートナー相談も受け付けています。

制作・協業について相談する