Moon Loop Studio お問い合わせ
MOON LOOP STUDIO WEB PRODUCTION
WEBSITE LP WORDPRESS
STRUCTURE DESIGN BUILD LIVE
WEB LP MOBILE SEO

ホームページ・LP制作

WEBSITE / LANDING PAGE / WORDPRESS

企業の強みを整理し、 伝わるホームページへ。

何を伝えるかを整理し、 構成からデザイン、実装まで。

見た目だけではなく、 次の行動につながるページをつくります。

IDEA TO WEB
SCROLL
MOON LOOP STUDIO 2026
WEB DIAGNOSIS BEFORE WE DESIGN

START WITH THE PROBLEM

こんなWebの悩み、 ありませんか?

IT DOESN'T START WITH DESIGN.

「ホームページを作りたい」と思っても、 最初から完成形が見えているとは限りません。

何を伝えるか、どんな順番で見せるか。 そこから整理することも、Web制作の一部だと考えています。

CURRENT ISSUE CONTENT
01

何を載せればいいのか、 まだ整理できていない。

MOON LOOP STUDIO / WEB PRODUCTION だから、デザインの前から考えます。

「何をつくるか」だけではなく、 「何を、誰に、どう伝えるか」から整理する。

CHOOSE YOUR FORMAT WEBSITE / LANDING PAGE

WEBSITE OR LP?

ホームページとLP、 どちらを作る?

どちらが優れているかではなく、 何を伝えたいか、どんな行動につなげたいか で選びます。

目的がまだ決まっていなくても、 内容を整理しながら適した形を考えます。

01 WEBSITE

MULTI PAGE

会社や事業全体を、 しっかり伝えたい。

企業情報、サービス、実績、採用、お問い合わせなど、 複数の情報を整理しながら伝えていくなら、 ホームページが向いています。

会社案内 サービス紹介 採用情報 事業紹介 お問い合わせ導線
GOOD FOR 情報を積み重ねながら、
企業全体を知ってもらいたいとき。
VIEW WEBSITE
02 LANDING PAGE

ONE PURPOSE

ひとつの商品やサービスを、 集中して伝えたい。

特定の商品やサービスについて、 基本的に1ページの流れで魅力を伝え、 問い合わせや申込みなどの行動へつなげたい場合は、 LPが向いています。

サービスLP 商品紹介 キャンペーン 資料請求 広告の受け皿
GOOD FOR 一つのテーマに絞って、
次の行動へつなげたいとき。
VIEW LANDING PAGE
NOT SURE YET? THAT'S OK.

「どちらを作るべきか」から、 一緒に整理できます。

SELECTED PROJECTS WEBSITE / LANDING PAGE / ORIGINAL

SELECTED WORK

伝えるものが変われば、 ページのつくり方も変わる。

MOON LOOP STUDIO / WEB PRODUCTION

企業サイト、サービスサイト、LPまで。 目的や伝えたい相手に合わせて、 構成とデザインを組み立てます。

01 WEBSITE
PROJECT PREVIEW
NANKO KOGYO

南晃工業株式会社

nankokogyo.co.jp PREVIEW
LOADING PROJECT

SELECTED PROJECT WEBSITE

サイトを見る
WEBSITE / LP / ORIGINAL PROJECT

業種が違えば、伝える内容も違う。 だから、同じ見せ方にはしません。

HOW WE BUILD

ホームページが
できるまで。

ご相談から公開まで、必要な工程をひとつずつ。事業の強みや目的を整理し、構成、デザイン、実装へと進めていきます。内容がまだ固まっていない段階からでも、ご相談いただけます。

相談と情報整理のイメージ
01 / HEARING & PLANNING
構成と導線設計のイメージ
02 / STRUCTURE & FLOW
Webデザインのイメージ
03 / DESIGN
実装とスマホ調整のイメージ
04 / BUILD & RESPONSIVE
公開と改善のイメージ
05 / LAUNCH & IMPROVE

01 / HEARING & PLANNING

まず、何を伝えるべきかを整理する。

いきなりデザインから始めるのではなく、 事業内容・強み・ターゲット・目的を整理します。 ここが曖昧だと、その後のページ全体がぼやけます。

  • 事業やサービスの整理
  • ターゲット・目的の確認
  • 掲載内容の優先順位づけ

02 / STRUCTURE & FLOW

読みやすい順番と導線を組み立てる。

情報を並べるだけでなく、 読み手が自然に理解できる流れに整えます。 見出し、セクション構成、問い合わせへの導線もここで設計します。

  • ページ構成の設計
  • 見出し・導線・CTAの整理
  • ワイヤーの方向性づくり

03 / DESIGN

企業らしさが伝わる見た目に整える。

文字、余白、写真、配色、レイアウトを通して、 企業やサービスの印象をデザインします。 見やすさと世界観の両立が大切です。

  • トーン&世界観の設計
  • PC表示のビジュアル制作
  • 情報の見せ方の最適化

04 / BUILD & RESPONSIVE

実際に見られるページとして実装する。

デザインを実際のページとして形にし、 WordPressを中心に実装します。 スマートフォンでの見え方や使いやすさもここで丁寧に調整します。

  • WordPress / HTML / CSS 実装
  • レスポンシブ調整
  • 基本動作の確認

05 / LAUNCH & IMPROVE

公開して終わりではなく、育てていく。

公開後に見つかる改善点や、 運用しながら必要になる調整にも対応できます。 使われるページへ近づけるための視点も大切にしています。

  • 公開前チェック
  • 更新・改善の相談
  • 継続的な運用サポート
BEYOND THE PAGE MOVIE / EVENT / GRAPHIC

MORE THAN A WEBSITE

ホームページの外側にも、 伝える方法がある。

Webだけでは伝わりにくい空気感は映像で。 人が集まる体験ならイベントで。

広告やグラフィックも含め、 目的に合わせて必要な表現方法を考えます。

映像撮影・編集をイメージしたビジュアル
01 MOVIE

SHOOT / EDIT

映像で、 空気や人柄まで伝える。

MOVIE PRODUCTION

Web用動画、企業やサービスの紹介、 イベント記録など。 内容や必要な品質・規模に合わせて、 撮影・編集方法を検討します。

  • 映像撮影
  • 映像編集
  • Web用動画
  • イベント記録
02 EVENT

PLAN / OPERATE

画面の外に、 体験をつくる。

小〜中規模のイベントを中心に、 内容の整理や企画、当日の運営方法などを 条件に合わせて検討します。

01 イベント企画
02 運営設計
03 当日進行
04 撮影・発信
APPROACH

規模や必要な専門性に応じて、 体制やパートナー連携を確認しながら進めます。

イベント企画・運営をイメージしたビジュアル
REAL EXPERIENCE / EVENT
03 GRAPHIC

PRINT / AD / VISUAL

広告・グラフィックデザインをイメージしたビジュアル
ONE VISUAL LANGUAGE

Webでつくった世界観を、 ほかの接点にも。

チラシ、広告、営業資料、 Web用ビジュアルなど。 ホームページと同じトーンを保ちながら、 必要なクリエイティブを制作します。

  • 01 チラシ
  • 02 広告
  • 03 営業資料
  • 04 Webビジュアル
FROM FORMAT TO MESSAGE

つくるものから考えるのではなく、 どう伝えるかから考える。

FREQUENTLY ASKED QUESTIONS WEB PRODUCTION / FAQ

QUESTIONS & ANSWERS

制作について、 よくあるご質問。

まだ内容が決まっていない段階でも、 ご相談いただけます。

ホームページ・LP制作について、 よくいただくご質問をまとめました。

01
PLANNING

何を載せればいいか決まっていなくても、 相談できますか?

A

はい。最初から原稿やページ構成が 完成している必要はありません。 事業やサービスの内容、強み、 誰に何を伝えたいのかを確認しながら、 必要な情報を整理していきます。

02
WEBSITE / LP

ホームページとLP、 どちらが合うのか分かりません。

A

目的によって適した形が変わります。 会社や事業全体を複数の情報から伝えるならホームページ、 特定の商品やサービスを一つの流れで伝えるなら LPが候補になります。 形式を決めるところからご相談いただけます。

03
WORDPRESS

WordPressでホームページを 制作できますか?

A

はい。WordPressを中心とした ホームページ・LP制作に対応しています。 ページ構成、デザイン、実装まで、 内容に合わせて一つの流れとして制作します。

04
CONTENT

写真や文章がそろっていなくても 進められますか?

A

まず、制作に必要な情報や素材を整理します。 どのページにどのような文章や写真が必要なのかを確認し、 ご用意いただくものや制作方法を 内容に合わせて検討します。

05
RESPONSIVE

スマートフォンでも 見やすくしてもらえますか?

A

はい。PC版をそのまま小さくするのではなく、 文字サイズ、余白、画像、 ボタンや問い合わせ導線などを確認しながら、 スマートフォンでも読みやすい表示へ調整します。

06
SEO

SEOも考えて 制作してもらえますか?

A

タイトル、見出し構造、メタ情報、 内部リンクなど、 ページ内容を検索エンジンにも伝えやすくする 基本的なSEO設計を検討します。 検索順位を保証するものではありません。

07
AFTER LAUNCH

公開後の更新や改善も 相談できますか?

A

公開後の更新や改善についても、 内容を確認したうえでご相談いただけます。 ページの修正や追加など、 必要な内容に応じて対応方法を検討します。

STILL HAVE A QUESTION? ASK US

まだ決まっていないことがあっても、 そこから相談できます。

READY WHEN YOU ARE WEB PRODUCTION

LET'S TALK

まずは、 作りたいものを 聞かせてください。

ホームページかLPか、 まだ決まっていなくても大丈夫です。

事業やサービスについて伺いながら、 何を、誰に、どう伝えるかを整理し、 必要な形を一緒に考えます。

内容が固まっていない段階から ご相談いただけます。

MOON LOOP STUDIO TURN YOUR BUSINESS INTO A CLEAR MESSAGE.