website

最後まで、
読まれるサイトを。

広告から来た人を、申し込みへ。
会社を調べに来た人を、信頼へ。

work八坂製鋼特殊鋼メーカーのコーポレートサイトほかの作品も見る
範囲
構成・デザイン・実装・公開を、一社で
つくり方
AIで速く、デザイナーが仕上げる
お見積り
サンプルと目安の金額をお出しします
for you

こんなときに

一つでも当てはまれば、初回のご相談で進め方と目安をお話しします。

how we make

AIで速く。
仕上げは、デザイナーが。

どの工程も、デザイナーが判断して仕上げます。

工程designer決める・仕上げるai速くする

01構成

誰に・何を・どの順で伝えるかを決める

AI競合のLPや口コミを集めて、整理する

02デザイン

ブランドに合わせて、見た目と言葉を仕上げる

AI見出しや配置のたたき台を、いくつも出す

03実装

スマホでの崩れや読みにくさを、1画面ずつ確かめる

AIコードを書く。直しもすぐ反映する

04公開・計測

反応を見て、どこを直すかを決める

AI計測の数字をまとめて、変化を知らせる

structure

伝わる順番で、組み立てる。

LPは、上から順に読まれます。どこで何を伝えるかを先に決めてから、デザインに入ります。

右の項目に触れると、画面が切り替わります

画面:八坂製鋼ほかの作品も見る
  1. 01

    ファーストビュー

    誰の、何の悩みを解決するかを、一目で。

    • キャッチコピー
    • メイン画像
    • ボタン
  2. 02

    共感

    読む人の状況や悩みを、言葉にする。

    • よくある悩み
    • こんな方に
  3. 03

    解決

    サービスで何が変わるかを、具体的に。

    • 特長
    • 使い方
    • 料金
  4. 04

    信頼

    選ぶ理由を、事実で裏付ける。

    • 実績
    • 事例
    • お客様の声
  5. 05

    行動

    申し込み・問い合わせへ、迷わせない。

    • ボタン
    • フォーム
    • よくある質問

右の項目に触れると、画面が切り替わります

画面:八坂製鋼ほかの作品も見る

works

こんなサイトを、作ります。

担当するデザイナーが手がけた、コーポレートサイト・LP・ブランドサイト・サービスのサイトです。

11WORKS

corporate

コーポレートサイト2

会社の顔になるサイト。事業も、採用も、お知らせも。

  1. 株式会社アスノの画面

    株式会社アスノ

    建築・土木資材の商社のコーポレートサイト

  2. 八坂製鋼の画面

    八坂製鋼

    特殊鋼メーカーのコーポレートサイト

landing page

LP3

1ページで、申し込みまで運ぶ。

  1. FURUTTOの画面

    FURUTTO

    フルーツシェイクのLP

  2. あさぎり農園の画面

    あさぎり農園

    産直の定期便のLP(申し込みまで)

  3. SARTOの画面

    SARTO

    オーダースーツ店のLP

brand

ブランドサイト4

商品やキャラクターの世界を伝える。

  1. TIE UPの画面

    TIE UP

    ネクタイブランドのサイト

  2. 惣兵衛の画面

    惣兵衛

    眼鏡の職人ブランドのサイト(予約まで)

  3. JIKU ONEの画面

    JIKU ONE

    EVのコンセプトカーのサイト

  4. マルボの画面

    マルボ

    キャラクターの公式サイト

service

サービス・情報のサイト2

求人や情報を、迷わず探せる形に。

  1. パラちゃんねるの画面

    パラちゃんねる

    障害者雇用の求人サイト

  2. 集められた電車たちの画面

    集められた電車たち

    広島の路面電車を1ページで伝えるサイト

一部は、架空の企業・ブランドを想定した制作例です。

why circle

選ばれる理由

このサイトも、私たちが作っています。

  1. 作る本人と話せる

    デザインも開発も社内で。窓口を挟まず、作る本人と直接やりとりします。

  2. デザイナーの目で仕上げる

    AIが出した案は、ブランドに合うかをデザイナーが見て決めます。

  3. 公開してからも、一緒に直す

    反応を見ながら直すところまで、続けて相談できます。

flow

進め方

  1. step 01

    初回のご相談(無料)

    目的と、いまの状況を伺います。

  2. step 02

    構成とお見積り

    構成案と、正式なお見積りをお出しします。

  3. step 03

    デザイン

    画面を見ながら、一緒に詰めます。

  4. step 04

    実装

    スマホでの見え方と、表示の速さを確かめます。

  5. step 05

    公開

    計測まで設定して公開。その後の改善も相談できます。

まずは無料で、
話を聞かせてください。

作りたいものが決まる前から、ご相談いただけます。目的を伺って、構成からご提案します。

相談する
  1. 01フォームから送る
  2. 02日程を決める
  3. 03お話しする