本文へ移動

WORKS

つくったものと、
その理由。

企業での受託制作・自社サイト制作の実務経験があります。このサイトでは、公開できる制作例として自主制作デモを紹介しています。実務経験と自主制作デモの区分を明確にして掲載しています。

掲載しているのが自主制作である理由

受託した仕事の多くは、企業サイトや採用サイトという性質上、制作過程や内部の議論を公開できません。そこで、「誰に、何を、どんな順番で伝えるか」を最初から最後までお見せできる題材として、業種の異なるサイトを3つ、企画から公開まで一人でつくりました。実際の案件と同じ工程で進めているため、ご依頼いただいたときの進め方と成果物の水準は、この3件で判断していただけます。各例の詳細ページ末尾に、画像やフォームの扱いを明記しています。

01 / SELECTED WORK

つくったものと、
その理由。

見た目だけでなく、誰に、何を、どんな順番で伝えるか。自主制作のサイトを通して、設計の考え方を紹介します。

SENの自主制作デモに使用したAI生成の住宅イメージ

暮らしに、
新しい余白を。

RENOVATION STUDIO / CONCEPT WEBSITE

自主制作デモ / 架空ブランド

SEN — リノベーションスタジオ

Webflow / Design / Content / Motion

設計の考え方を見る ↗

設計の考え方を見る →

MORE WORKS / INDUSTRY WEBSITES

業界が変わると、
伝え方も変わる。

NEXA FIELD.の自主制作デモ用AI生成イメージ
NEXA FIELD.

電気・設備工事会社 × 採用 / 自主制作デモ

技術の仕事を、伝わる形に。

事業内容と工事の流れを整理し、施工コンセプトから相談へ。採用では仕事の一日と、応募前に確認したい情報を見せています。

Webflow / 大胆な文字 / 写真のスクロール演出 / 案件詳細 / 採用案内 / 相談体験

設計の考え方を見る →デモサイトを見る(別タブ) ↗
moriéの自主制作デモ用AI生成イメージ
morié

美容室 × ブランド・予約 / 自主制作デモ

好みを見つけて、予約まで。

写真と余白でサロンの雰囲気を伝え、ヘアスタイル、料金、初回来店の流れへ。メニュー・日付・時間を選ぶ予約体験も実装しています。

Webflow / 写真のマスク / パララックス / ルックブック / 料金メニュー / 予約体験

設計の考え方を見る →デモサイトを見る(別タブ) ↗

デモサイトは別タブで実際に操作できます。

LET’S MAKE IT CLEAR.

まだ、まとまっていなくても。

つくりたいサイトのこと、今のサイトで困っていること。目的やご予算を伺い、必要な内容を一緒に整理します。

ご相談について