LP制作・ホームページ制作・修正対応

はじめまして。LP・ホームページの制作と修正を、
一人で請け負っている小さなWeb制作室です。
ヒアリングから設計、コーディング、納品後のフォローまで、
最初から最後まで同じ人間が担当します。
だから話が早く、細かいニュアンスが途中で抜け落ちません。

小さな修正1件からのご依頼も歓迎です。

業種に合わせて、
作り分ける。

制作実績

公開中の実案件

実際に公開・運用されているサイトです。企画・デザインから実装・公開まで担当しました。

中古車販売店・公式サイト

アベオート

千葉の中古車専門店の公式サイト。在庫車両の検索から成約実績まで、黒×金の世界観で組み立てています。Next.js製。

サイトを見る

英語学習アプリ・SaaS

VocabRoute

AIが単語ごとに「覚え方」を処方する英単語学習アプリ。LPからアプリ本体まで、一貫して制作しています。

サイトを見る

NPO法人・奨学金事業

JUアカデミー基金 公式サイト

奨学金事業を行うNPO法人の公式サイトを、全面リニューアル中。開発を担当しています。

近日公開・リリース準備中

業種別のデモLP

同じ「LP」でも、届けたい相手が違えば、色も言葉も構成も変わります。
下の6本は、業種ごとの依頼を想定して制作したデモです。配色(色名は日本の伝統色)・書体・訴求の順番まで、どう作り分けているかを実物でご覧ください。

教育・スクール

オンラインプログラミングスクール

実績と数字を積み上げて、迷いなく無料相談へ進めるビジネス系LP。

紺青 ×

デモを見る

店舗・体験予約

ヨガスタジオ

余白と静かな世界観で、体験予約への心理的なハードルを下げる女性向けLP。

松葉 × 洗朱

デモを見る

地域集客

地域密着リフォーム会社

安心感とお得感を前面に、電話ボタンへ迷わず誘導する集客特化LP。

弁柄 × 山吹

デモを見る

採用

運送会社 採用LP

給与の透明性と職場の空気感で、応募のハードルを下げる採用LP。

× 金茶

デモを見る

講座販売

SNSセミナー販売LP

実績と限定感を丁寧に重ねて、申し込みを後押しする販売LP。

鉄紺 × 黄金

デモを見る

BtoB

BtoB SaaS LP

数値・機能・セキュリティを整理して、資料請求につなげるBtoB LP。

濃藍 × 瑠璃

デモを見る

このページ自体も、制作サンプルです。

縦書きの見出し、スクロールに合わせて現れる要素、画面上部の読み進み具合のバー、開閉するQ&A。 このページで動いているものはすべて、JavaScriptではなくCSSだけで実装しています。 新しい技術は飾りのためではなく、「表示が速くて、壊れにくいサイト」のために使う——それがこの制作室のやり方です。

  • 縦書きレイアウトwriting-mode
  • スクロール連動表示scroll-driven animations
  • 画面幅に応じた文字clamp()
  • 部品単位の可変設計@container
  • 色の動的な混合color-mix()
  • JavaScript0行

できること

お手伝いできること

業種に合わせたトンマナ設計

配色・書体・余白・言葉の温度を、「誰に届けたいか」から逆算して決めます。上の6本のデモLPが、その作り分けの実例です。

一から手で書くHTML/CSS

テンプレートの継ぎ接ぎではなく、意味の通ったマークアップを一から書きます。あとから別の人が触っても迷わないコードを心がけています。

スマホでの読みやすさを最優先

LPを見る方の多くはスマホからです。小さな画面での読みやすさを起点に設計し、PC・タブレットのどの幅でも崩れない実装を標準にしています。

Python・API連携もあわせて

データ収集や集計の自動化など、Web制作のまわりの困りごとも対応できます。「ついでにこれも頼めますか」というご相談、けっこう多いです。

制作の流れ

ご依頼から納品まで

  1. ヒアリング

    目的・ターゲット・いまのお困りごとを、チャットで丁寧に伺います

  2. 構成のご提案

    訴求の順番とトンマナの方向性を、着手前にすり合わせます

  3. 制作

    スマホ表示を起点に、一行ずつ手でコーディングします

  4. 確認・調整

    実際の表示をご確認いただき、細部を一緒に詰めます

  5. 納品

    ファイル一式のお渡し、またはサーバーへの反映まで対応します

制作室について

一人でやっています

MegExpress Web Studioは、会社ではなく個人の制作室です。 営業担当も、外注のコーダーもいません。最初のメッセージから納品後のフォローまで、すべて同じ人間が対応します。

大きな組織のような体制はありませんが、そのぶん返信は早く、打ち合わせで決まったことがそのまま形になります。 「ボタンの文言を一箇所だけ直したい」——そんな小さなご依頼も、遠慮なくお寄せください。

一方で、大規模なシステム開発や広告運用の代行はお引き受けしていません。 できないことを「できます」と言わないのも、丁寧さのうちだと考えています。

オンライン打ち合わせ中の様子
お打ち合わせはオンラインで全国対応
ノートPCでコーディングする様子
コードは一行ずつ、手で書いています

よくある質問

ご依頼の前に

料金はどのくらいかかりますか?

ページの構成量や素材の有無によって変わるため、まずはご要望をお聞かせください。ココナラのサービスページに目安の料金を掲載しています。お見積りとご相談は無料です。

原稿や写真がなくても頼めますか?

はい、大丈夫です。ヒアリングをもとに、構成と文章のたたき台をこちらでご用意します。写真も、ライセンスに配慮したストック素材からご提案できます。

イメージと違うものが納品されないか不安です

着手前に構成と方向性をすり合わせ、制作の途中でも確認を細かく挟みます。「完成してから初めて見る」という進め方はしないので、大きな手戻り自体が起きにくいやり方です。

他社で作ったサイトの修正だけでもいいですか?

はい、むしろ得意なところです。テキストの一行差し替えから、スマホ表示の崩れ修正、ページ丸ごとのリニューアルまで、規模を問わずお受けしています。

打ち合わせは対面ですか?

基本はチャットでのやり取りです。テキストで完結するのがココナラの良いところなので、全国どこからでもご依頼いただけます。ご希望があればオンライン通話にも対応します。

いまのお困りごとを、
そのまま書いてお送りください。

「こんな細かいことを頼んでいいのかな」という内容ほど歓迎です。
整理されていなくて構いません。目安として1営業日以内にお返事します。

ココナラで相談する