
アトリエさぼてん合同会社
オンライン心理カウンセリング事業のコーポレートサイトです。相談をためらっている方が最初に触れる場所なので、急かさない静かなトーンで設計しました。問い合わせはフォームと公式LINEの2経路を用意し、どちらからでも届くようにしています。
WordPressを使わず静的HTMLで構築したため、表示が速く、保守の手間もかかりません。画像はすべてWebPに変換し、構造化データとサイトマップも公開時点で整備しています。
サイトを見るWORK
企画から実装、公開後のSEO設定まで、一貫して手がけたものを紹介します。
見た目を整えるだけでなく、公開したあとに問い合わせが届くところまでを設計しています。表示速度、検索エンジンへの伝わり方、問い合わせ導線を含めて組み立てるのが、このスタジオのやり方です。
近年とくに手応えがあるのが、イラストや漫画で読ませるランディングページと、AIで量産する映像コンテンツです。文章だけでは離脱してしまう方にも、絵と音声なら最後まで届きます。どちらも業種を問わず応用できる形です。
問い合わせが届くところまでを設計します。WordPressにするか静的HTMLにするかは、更新頻度と保守の手間から判断しています。

オンライン心理カウンセリング事業のコーポレートサイトです。相談をためらっている方が最初に触れる場所なので、急かさない静かなトーンで設計しました。問い合わせはフォームと公式LINEの2経路を用意し、どちらからでも届くようにしています。
WordPressを使わず静的HTMLで構築したため、表示が速く、保守の手間もかかりません。画像はすべてWebPに変換し、構造化データとサイトマップも公開時点で整備しています。
サイトを見る
いまご覧いただいているこのサイトです。既製テーマは使わず、WordPressテーマをゼロから制作しました。ファーストビューの粒子表現は、点在する悩みが線としてつながっていくイメージを形にしたものです。
ブログ「Lab Notes」も同じテーマ内に実装しています。自分のサイトで試したことを、そのままお客様の制作に還元しています。
Lab Notes を見る1ページで申し込みまで運ぶためのページです。文章で読ませる型と、イラストや漫画で見せる型を使い分けます。

無料オンラインセミナーへの申し込みを目的としたランディングページです。閲覧の大半がスマートフォンであることを前提に、縦に読み進めるだけで内容が伝わる構成にしました。
金銭に関わる内容のため、誇張を避けた表現に統一し、PR表記もページ冒頭に明示しています。信頼性を損なわずに申し込みへつなぐことを優先した設計です。
ページを見る
起業前の経営者に向けた解説ページです。税金や資金の話は文字だけだと読み飛ばされてしまうため、パズルや家などのイラストで «お金を整理する» という抽象的な行為を目に見える形にしました。
専門用語をそのまま並べず、絵と短い言葉で1つずつ理解してもらう構成です。難しいテーマほど、この見せ方が効きます。
ページを見る
同じセミナーを、体験談として語り直したページです。第三者の解説ではなく «自分ごと» として読んでもらうため、主人公の視点で物語のように進む構成にしました。
同じ商材でも、伝え方を変えると届く相手が変わります。解説型と体験談型を用意し、流入元によって出し分けられるようにしています。
ページを見るスライド・音声・字幕・楽曲・映像まで、AIで量産する仕組みごと作ります。撮影もスタジオも使いません。

全12回の解説動画シリーズです。スライド・図解・字幕・ナレーション音声まで、すべてAIで制作しています。撮影もスタジオも使わず、顔出しなしで成立させました。
1本ずつ作るのではなく、台本から音声・スライド・字幕までを流れ作業で量産できる仕組みを組んでいます。毎週更新を続けられるのはそのためです。サムネイルも回数表示と配色を統一し、並んだときにシリーズだと分かる設計にしました。
チャンネルを見る
楽曲もアートワークも映像も、すべてAIで制作しているミュージックビデオのチャンネルです。「Rise Nova」は全12話で構成した連作で、40分を超えるフルアルバム版も公開しています。
1本ずつ作ると世界観がばらけるため、色調・タイポグラフィ・構図のルールを先に決めてから量産しました。作品を積み上げても印象がぶれないのは、この土台があるからです。店舗のBGMやブランドムービー、SNS用の短尺映像にも応用できます。
チャンネルを見るCONTACT
「何から相談すればいいか分からない」という状態からで大丈夫です。事業の状況をお聞きして、必要なものを一緒に整理するところから始めます。
まずは相談する