本文へ移動

INDEPENDENT CREATIVE STUDIO

WEB DESIGN / RECRUITMENT / CONTENT

伝わる設計で、
選ばれるきっかけを。

企業サイト・採用サイト・LPを、構成と言葉から設計。Webデザインの実務と、月間約30万PV規模のメディア運営で培った編集の視点を、伝わるサイトづくりに生かします。

企業サイト・採用サイト・メディア・LP制作

制作実績を見る

DESIGNED TO COMMUNICATE.

SCROLL TO EXPLORE ↓

01 / SELECTED WORK

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

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

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

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

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 / 写真のマスク / パララックス / ルックブック / 料金メニュー / 予約体験

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

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

02 / SERVICES

何をつくるかを、
目的から一緒に。

会社を知ってほしい。採用の魅力を伝えたい。記事を更新していきたい。目的と運用方法に合わせて、つくり方をご提案します。制作費は10万円から、目安をサービスページに掲載しています。

01

WEBFLOW

会社の価値と、働く魅力を伝える。

企業サイト・採用サイトの情報を整理し、印象に残るデザインへ。Webflowを中心に、公開後の更新方法まで考えて設計します。

企業・採用サイト ↗

02

WORDPRESS

記事を重ねて、サイトを育てる。

ブログやオウンドメディアに。WordPressを使い、記事の分類、読みやすさ、更新のしやすさを整えます。

ブログ・メディア ↗

03

LANDING PAGE

ひとつの提案を、行動につなげる。

商品やサービスの特徴を整理し、関心から申込みまでの導線を1ページに集約。WebflowまたはHTMLで制作します。

サービス・商品LP ↗

03 / OUR APPROACH

デザインの前にも、
できることがある。

01

伝える順番から考える

何を載せるか迷う段階から、必要な情報とページ構成を整理します。原稿の新規執筆や取材も、範囲に応じて追加で相談できます。

02

制作と編集、両方の現場から

企業での受託制作・自社サイト制作を経験。現在は編集長兼ディレクターとして、コーポレートサイトの改修と月間約30万PV規模のメディア運営に携わっています。

03

公開後の使い方まで考える

誰が、何を、どのくらい更新するか。運用に合った仕組みを選び、更新手順を含めてお渡しします。継続保守は別途ご相談いただけます。

ALIH. STUDIOについて

04 / HOW WE WORK

相談から、公開まで。

01

Listen

目的と現状の課題を伺う。

02

Plan

伝える内容と順番を決める。

03

Create

画面と動きに落とし込む。

04

Launch

操作性と動作を確認し、公開する。

ご依頼の流れを詳しく見る ↗

05 / COLUMN & BLOG

つくるための知識と、
日々に役立つヒント。

01 / WEB DESIGN GUIDE

PLAN.

Web制作ガイド

制作費用や依頼前の準備、採用サイトの伝え方。Webサイト制作を検討する方が、必要なことを整理できる記事を届けます。

Web制作ガイドへ

02 / DIGITAL LIFE & WORK

TOOLS.

仕事とツールのブログ

仕事に役立つデジタルツールやAI活用、Webサイト運営の工夫。選ぶとき・使うときの参考になるよう、特徴の比較や手順を交えて紹介します。

仕事とツールのブログへ

LET’S MAKE IT CLEAR.

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

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

ご相談について