LIT STUDIO相談する
ただいま相談を受付中Sapporo, Japan

アプリも、
サイトも、
LPも。
ぜんぶ、
ここでつくる。

札幌のデジタル制作スタジオ、LIT STUDIO です。
企画・デザイン・コードを書いて公開するところまで、途中で人に渡さず通します。
AIと組んでいるので、ひとりでも速い。

このまま下へ送ると、後ろで1枚のサイトが組み上がります

APP DEVELOPMENTWEBSITELANDING PAGESHOPIFY ECWebGL / 3DSEOAI PAIR BUILDSAPPORO
Step 01IDEA

まだ、形がない。

「こんなものが作れたら」。最初にあるのは、たいていその一言だけです。絵も、文章も、仕様書もありません。それで構いません。そこから何を作れるかを決めるところから、一緒にやります。

つくれるものは、この3つ。

「サイトだけ」でも「アプリだけ」でもありません。集客の入口から、現場で毎日使う道具まで、同じ人間がひと続きで作ります。だから、途中で話が途切れません。

[01] APPLICATION

アプリ開発

その業種にしか要らない機能を、専用に作る。

運送の荷待ち記録、古物台帳、飲食のHACCP記録、除排雪の巡回管理。法律で義務になった記録を、現場が続けられる形にします。企画から公開まで自分で通しているので、既製品では埋まらない所を埋められます。

Next.jsCloudflare WorkersD1A4帳票出力
自作アプリを見る
[02] WEBSITE

ホームページ制作

速くて、検索から人が来るサイト。

会社案内・採用・集客まで。出来合いのテンプレートに流し込まず、1ページずつ手で組みます。表示の速さと検索対策を先に設計してから作るので、公開したあとに伸びます。

Next.jsTailwind CSSSEO設計スマホ対応
料金を見る
[03] LANDING PAGE

LP(1枚もの)

広告の受け皿を、1枚で申し込みまで運ぶ。

上から下まで読ませて、迷わせず、フォームまで一直線に。どこで離脱したかを測れる形で作るので、出したあとに直せます。キャンペーンや新サービスの立ち上げに。

1枚完結フォーム計測の仕込み表示速度
相談してみる
Step 02WIREFRAME

線を、引く。

何をどこに置くか。どの順で読ませるか。見た目より先に、骨組みを決めます。ここが決まっていないサイトは、あとからいくら飾っても伝わりません。決めるための材料は、こちらから出します。

はじめから終わりまで、この4つで進みます。

01

聞く

何に困っているか、誰に届けたいか、いくらまでか。まず言葉にして、認識を揃えます。

02

決める

構成とデザインの向き、使う技術を提案。動くものや絵で見せて、出来上がりを先に共有します。

03

作る

AIと組んで一気に組み上げます。週ごとに、その時点の画面をそのままお見せします。

04

出す・直す

公開まで伴走し、出したあとの改善・機能追加も続けます。作って終わりにしません。

Step 03BUILD

形が、積み上がる。

骨組みに、画面の部品を積んでいきます。週ごとに、その時点の画面をそのままお見せします。出来上がってから「思っていたのと違う」を起こさないためです。ここに並んでいるのは、そうやって積み上げて、いま実際に動いているものです。

つくったもの。

お客様のロゴを並べる代わりに、実際に動いているものを置いています。アプリはどれも、自分で企画して作って公開したものです。押せば、その場で触れます。

Responsive

Scroll · Move cursor

Multi-device

どの画面で見ても、 崩れない。

実際に見られるのは、ほとんどスマホです。だから、スマホでの見え方を先に決めます。

01 — Desktop

まず、パソコン。

会社で見る人、じっくり比べる人。情報の量が必要な画面です。

02 — Tablet

次に、タブレット。

現場で使う端末です。手袋でも押せるか、明るい所で読めるか。作る前に確かめます。

03 — Mobile

そして、スマホ。

親指の届く範囲に、押してほしいものを置く。ここだけは別に作り込みます。

04 — One build

3つ別々ではなく、 1つを、3つに合わせる。

作り分けではありません。1つの作りが、どの幅でも成り立つようにしています。

Step 04CODE

中身を、流し込む。

ここからはコードです。AIと組んで一気に書きます。繰り返しの作業・不具合探し・調べものはAIへ。何を作るかの判断と、出来上がりの責任は人が持つ。だから、質を落とさずに速い。

AIができることはAIに渡す
人にしかできない判断に、人が向き合う。

LIT STUDIO は Claude をはじめとしたAIを、同じ机に座る相棒として使っています。 ひとりのスタジオですが、手の数はひとりぶんではありません。

AIが持つ

コードを書く / 不具合を探す / 文章のたたき台 / 調べもの

一緒にやる

やりたいことを言葉にする / 設計の見直し / 出来上がりの確認

人が持つ

お客様との対話 / デザインの判断 / 納品と責任

13本

自分で作って公開したアプリ

1週間〜

最短の納品

15万円〜

ホームページ制作

2営業日

お問い合わせへの返信

IDEAWIREFRAMEBUILDCODELIVE
Step 05LIVE

そして、世に出る。

公開して終わりではありません。出したあとに測って、直して、伸ばす。そこまでが仕事です。金額は先に出します。作り終わってから増えることはありません。リース契約はしません。作ったものの権利はお客様のものです。

いくらかかるか。

LAUNCH

はじめる

150,000円〜

最短1週間〜

まず名刺代わりのサイト・LPが欲しい

  • 1〜5ページ
  • スマホ対応
  • お問い合わせフォーム
  • 独自ドメイン設定
迷ったらここ

GROWTH

伸ばす

498,000円〜

3〜4週間〜

検索から問い合わせを増やしたい

  • 5〜10ページ
  • SEO基本設計
  • 原稿作成サポート
  • 更新レクチャー

SYSTEM

回す

980,000円〜

個別お見積り

業務改善・EC・予約まで任せたい

  • 「伸ばす」の全内容
  • 業種特化アプリ or Shopify
  • 業務の自動化・記録の仕組み
  • 継続改善(月額)

Get in touch

次は、あなたの1枚を
組み上げます。

「こんなのが欲しい」「いくらか知りたいだけ」でも大丈夫です。 まだ形になっていない段階のご相談がいちばん多いです。2営業日以内に返信します。