ATELIER SUEWeb design & AI

Welcome to the atelier

あなたの想いを、
伝わるカタチに。

Web・LP制作と、仕事のAI活用支援。

制作事例を見る

Selected works

つくってきたもの。

事業を紹介するサイトも、
サービスへの入口になるLPも。

目的に合わせて制作した、WebサイトとLPをご紹介します。

サイト・LP制作

Studio / Web design
株式会社 Innovation 様 コーポレートサイトの冒頭画面

コーポレートサイト フルリニューアル

株式会社 Innovation 様

WordPressで運営されていた企業サイトを、Studioで全面リニューアルしました。

制作内容を見る
ページの目的
企業の情報を伝えるコーポレートサイト。
制作内容
WordPressからStudioへのフルリニューアル。
公開サイトを見る ↗ (新しいタブ)
MISORA様 ポートフォリオサイトの冒頭画面

ポートフォリオサイト 新規制作

MISORA様

書道アーティストの作品を紹介する、Studio製のポートフォリオサイトです。

制作内容を見る
ページの目的
書道アーティストの作品を紹介するポートフォリオサイト。
制作内容
Studioでのポートフォリオサイト新規制作。
公開サイトを見る ↗ (新しいタブ)
Wako様 サービス紹介LPの冒頭画面

サービス紹介LP LP制作

Wako様

Re:life Designの講座(サービス)を紹介する、Studioで制作したLPです。

制作内容を見る
ページの目的
サービスの内容を紹介し、個別セッションへの申し込みを案内するLP。
制作内容
StudioでのLP制作。
公開サイトを見る ↗ (新しいタブ)

スマホ向け画像LP

AI-assisted / Landing page

スマホから、サービスに出会う。
LINE登録や体験の申し込みを案内する、画像を中心としたLPです。

株式会社 Linoa Group様 公式LINE誘導LPの冒頭画面

公式LINE誘導LP LP制作

株式会社 Linoa Group様

公式LINEへの登録を案内する、スマホ向けの画像LPです。

制作内容を見る
ページの目的
公式LINEへの登録・相談につなげるLP。
制作内容
AIを活用した、スマホ専用・画像主体のLP制作。
公開サイトを見る ↗ (新しいタブ)
パルミニまなみ様 英語レッスン紹介LPの冒頭画面

英語レッスン紹介LP LP制作

パルミニまなみ様

英語レッスンと講師マッチングサービスを紹介する、スマホ向けの画像LPです。

制作内容を見る
ページの目的
英語レッスン・講師マッチングサービスを紹介するLP。
制作内容
AIを活用した、スマホ専用・画像主体のLP制作。
公開サイトを見る ↗ (新しいタブ)
体験コーチング募集LP 体験セッション誘導LPの冒頭画面

体験セッション誘導LP 自主制作|サンプル

体験コーチング募集LP

架空のプロコーチの体験募集を想定した、自主制作のスマホ向け画像LPです。

制作内容を見る
ページの目的
サービス紹介から体験セッションへの案内まで、デザイン・構成例を示すためのサンプル。
制作内容
AIを活用した、スマホ専用・画像主体のLP制作。
サンプルを見る ↗ (新しいタブ)

気になる作品があれば、
相談の際に作品名をお知らせください。

こんなページを相談したい

ここまでは、これまでの制作。
ここからは、これからの作り方。

表現まで作り込むサイト

A third way

Studioでの制作とも、画像を組み立てるLPとも違う、3つ目の作り方。

動きや立体の表現まで、このサイトのように、AIと作り込みます。

  1. 歩ける3Dの街

    建物を選んで、キャラクターを歩かせられる街。作品も、街の中で見られます。

    街を歩く
  2. 吊り看板

    最初の画面の看板は、腕木から鎖で吊るされ、揺れて止まります。

  3. 灯りがともる街

    街を開くと、夕暮れの中で、灯りがひとつずつともります。音付きなら、灯るたびに小さな鈴が鳴ります。

  4. 夜のアトリエ

    ご相談の場所は、夜のアトリエ。マウスの位置や、指で触れた場所に、ランタンの灯りが寄り添います。

この作り方で、相談する

What I do

つくりたいものに、
合う方法を。

どの方法で作るかは、決まっていなくても大丈夫です。
届けたい相手、必要な内容、公開後の使い方から考えます。

Web design / Studio

サイト・LP制作

会社やサービスの情報、活動や作品を紹介するサイト。コーポレートサイト、ホームページ、ポートフォリオ、LPをStudioで制作します。

新規制作・リニューアル / PCとスマホでの見せ方や、更新したい箇所もご相談ください。

制作事例を見る

AI-assisted / Landing page

スマホ向け画像LP

スマホでサービスを紹介し、申し込みやLINE登録につなげたいときに。AIを活用して画像を中心に組み立てる、費用やスピードを重視したい場合の選択肢です。

画像内の文字の修正には、画像の差し替えが必要です。公開後の変更も含めて、向いている作り方を考えます。

LPの制作事例を見る

AI-crafted / Custom web

表現まで作り込むサイト

動きや立体の表現まで、AIと作り込む、3つ目の作り方。このサイトのように、世界観をページの中の体験にします。

内容や範囲は、ご相談のうえで決めます。

このサイトの仕掛けを見る

原稿がまだ固まっていない方も、ご相談いただけます。
LPの基本料金はご用意いただいた原稿の実装が対象です。キャッチコピー・文章作成は、追加料金で対応できます。

仕事の例(イメージ)

Beyond the website

Webのその先、
仕事のAI活用も。

やりたいことから、
仕事に合うAIの使い方を。

AIを使ってみたい。でも、自分の仕事のどこに使えるのか分からない。そんなところから、ご相談いただけます。

  • 繰り返している作業を、もう少し楽にしたい。
  • AIを試したけれど、使いどころが分からない。
  • サイト制作とあわせて、日々の仕事も見直したい。

やりたいことと今の作業を伺い、どこから取り組むかを整理します。具体的な支援内容や進め方は、お話を伺いながら一緒に決めていきます。

仕事のAI活用を相談する

Before we talk

ご相談の前に。

何を準備すればいいですか?

作りたいものや、今困っていることをお聞かせください。参考にしたいページや現在のサイト、公開したい時期、ご予算の目安があれば、あわせてお知らせください。決まっていることだけで大丈夫です。

費用や納期は、どう決まりますか?

ページの内容や量、原稿の準備状況、修正範囲などによって変わります。ご希望を伺ったうえで、制作範囲・費用・納期をご相談します。

法人・個人、どちらも相談できますか?

どちらもご相談いただけます。会社のサイト、個人のサービスや作品を紹介するページなど、用途に合わせて制作方法を考えます。

Let’s make something.

制作・AI活用の
ご相談はこちら。

新しく作りたい。今のサイトを見直したい。
仕事にAIを取り入れたい。
ご検討中の内容を、専用フォームからお送りください。

制作・AI活用を相談する専用のお問い合わせフォームへ

制作のご相談も、仕事のAI活用のご相談も。
このサイト内の専用フォームからお問い合わせいただけます。