実績

お客様に​お選びいただく​LPの​デザインサンプルと、​自社で​設計・​運営している​サイトと​アプリを​紹介します。​お客様の​サイトにも​同じ設計と​仕組みを​使っています。

デザイン​サンプル

テンプレートから​制作する​LPの​サンプルです。​架空の​店舗に​仕立てています。​スタンダードプランの​サンプルは​準備中です。​料金は​サービス・​料金を​ご覧ください。

見本のLP(架空の美容院)をパソコンで開いた最初の画面。左に店名、右に店内の写真、上に予約のボタン
見本のLP(架空の美容院)をスマートフォンで開いた最初の画面。店名の下に店内の写真、下に予約のボタン

演出つき​プラン

hair atelier 澪

美容院・​架空の​店舗

19,800円

LP+保守プランの​制作料金です​(税抜)。​保守プラン​(月5,500円〜)と​セットでの​お申し込みで、LP単体プランは​39,800円​(税抜)です。

初稿
お支払いの​確認から​最短2営業日
撮影
2026年9月25日​(サンプルは​2026年9月18日制作)
見本のLP(架空の刃物工房)をパソコンで開いた最初の画面。鍛冶の写真の上に、ひとことと屋号
見本のLP(架空の刃物工房)をスマートフォンで開いた最初の画面。鍛冶の写真の上に、ひとことと屋号、下に相談のボタン

プレミアムプラン

鍛冶工房 いぶき

刃物工房・​架空の​店舗

29,800円

LP+保守プランの​制作料金です​(税抜)。​保守プラン​(月5,500円〜)と​セットでの​お申し込みで、LP単体プランは​49,800円​(税抜)です。

初稿
お支払いの​確認から​最短2営業日
撮影
2026年9月25日​(サンプルは​2026年9月18日制作)
  • 掲載の​店舗名・​写真・​文章は​デザイン確認用の​架空のものです。​実在の​店舗・​商品とは​関係ありません。
  • 写真は​素材写真です。​スマートフォン対応・​問い合わせ​フォーム付きで、​すべての​プランに​共通です。

解約手帳

解約手帳のトップページ。サービス名で探す欄と主なサービスの一覧、右に最終確認日を示すスマートフォンの画面の絵解約手帳の記事をスマートフォンで開いた画面。冒頭の絵と題の下に、最終確認日が入っている

自社サービス

サブスクの​解約手順を、​公式ページで​確認した​日付つきでまとめた​サイトです​(kaiyaku-techo.com)。​手順や​金額は​変わるため、​確認日のない​情報は​掲載しない​方針で​設計しました。​読者は​記事の​冒頭で、​情報の​時点と​確認した​公式ページを​確認できます。

公開
2026年9月23日から​運用中
記事
49本​(2026年10月7日時点)
担当
企画・​設計・​制作・​記事の​検査の​仕組み・​運用
技術
Astro(サイト生成)、Cloudflare Workers(配信)、Python(記事の​検査)
画面
2026年10月7日に​撮影

誤りを​公開前に​自動で​検出する

記事は、​書いただけでは​公開されません。​原稿の​段階で​確認日・​出典の​数・​誤解を​招く表現を​検査し、HTMLに​変換したあとで​リンク切れや​読みにくい​配色を​再び検査します。​問題が​見つかった​場合は、​公開前に​処理が​止まります。

解約手帳の​記事が​公開されるまで
  • 1原稿確認日と​出典を​記載した​Markdown
  • 2原稿の​検査確認日・​出典の​数・​表現を​確認
  • 3HTMLへの​変換​Astroで​ページを​生成
  • 4仕上がりの​検査リンク切れ・​配色の​読みやすさ
  • 5配信​Cloudflareの​配信網から

SONO-HINO

SONO-HINOの今日の画面。見本のタスクが5件並び、1件は完了、1件はサブタスクの進み具合を円で示している。下端に「いつかやる」の引き出しSONO-HINOの「いつかやる」の引き出しを半分まで引き上げた画面。上に今日のタスク、下にいつかやるタスクが並ぶ(タスクは見本)SONO-HINOでタスクを開き、サブタスクを表示した画面。見本のサブタスク4件のうち3件が完了している

自社アプリ

「今日やること」だけに​集中するための​ToDoアプリです。​プロジェクト・​タグ・​優先度の​設定はなく、​タスクは​「今日」と​「いつか」の​2つに​分けるだけです。​やり​残した​タスクは、​翌日に​アプリを​開くと​今日の​リストの​先頭に​移ります。

公開
2026年10月8日から​配信中
対応
iPhone・​iPad・​Android
料金
無料​(広告あり)。​広告の​非表示は​300円​(税込)の​買い切り​(アプリ内課金)
担当
企画・​設計・​開発・​ストアへの​申請・​運用
技術
Flutter(iOSと​Androidを​1つの​コードで)、Supabase(データの​保存と​同期)、Sentry(クラッシュの​記録)
画面
2026年9月30日に​アプリの​コードで​表示​(タスクは​見本)

ストアの​画面は、​アプリ本体の​コードから​作る

ストアの​規約は、​実際の​アプリの​画面を​載せることを​求めています。​そこで、​ストアの​画面も​アプリ本体の​コードで​描いています。​見本の​タスクを​入れた​本物の​画面に、​説明の​文字と​端末の​枠を​重ね、​画素の​単位で​検査してから​登録します。​画面を​直したときも、​同じ手順ですべての​サイズを​作り直せます。

SONO-HINOの​ストアの​画面ができるまで
  • 1画面の​描画​Flutterの​テストが​本物の​画面に​見本の​タスクを​表示
  • 2文字と​枠の​合成説明の​文字と​端末の​枠を​重ねる
  • 3画素の​検査寸法・​透明な​部分・​拡大部分の​余白を​確認
  • 4ストアへの​登録​App Storeと​Google Playの​APIで​差し替え

キー侍

キー侍のドリルの画面。お題「切り取り」と残り時間の帯、下にキーボードの絵。正解のキーを押して答えるキー侍のトップページをスマートフォンで開いた画面。「ショートカットを、指で覚えよう。」の見出しと、はじめるボタン

自社サービス

PowerPointの​ショートカットキーを、1問10秒の​ドリルで​練習できる​無料の​サービスです​(keysamurai.com)。​お題を​見て、​正解の​キーを​押して​答えます。​登録不要で​パソコンの​ブラウザから​遊べ、​よく​使う操作から​順に​10段階で​進みます。

公開
2026年10月8日から​運用中
問題
10段階・​136問
記事
11本​(2026年10月12日​時点)
料金
無料​(ログインすると​ランキングに​参加)
担当
企画・​設計・​開発・​記事・​運用
技術
Next.js(サイト)、Vercel(配信)、Supabase(ログインと​記録)、PowerShell(実機の​確認)
画面
2026年10月12日に​撮影

迷う​キーは、​本物の​PowerPointで​押して​確認する

問題と​記事の​キーは、Microsoftの​公式の​一覧を​基にしています。​一覧に​記載されていない​キーや、​場面によって​動作が​異なる​キーは、Windowsの​PowerPointを​自動で​操作して​実際に​キーを​送り、​図形の​大きさや​スライドの​番号がどう​変わったかを​記録してから​使います。​記事に​書いた​レベルと​実際に​出る問題が​食い違っていないかも、​自動で​照合しています。

キー侍の​問題と​記事ができるまで
  • 1公式の​一覧​Microsoftの​一覧から​候補の​キーを​選ぶ
  • 2実機での​確認​PowerPointを​自動で​操作し、​本物の​キー入力を​送る
  • 3結果の​記録図形の​大きさや​スライドの​番号を​読み取る
  • 4問題と​記事確認した​キーを​正解と​説明に​使う
  • 5照合記事に​書いた​レベルと​出題の​食い違いを​確認

PowerPointは、​米国​Microsoft Corporationの​米国および​その他の​国における​商標です。​キー侍は​Microsoftとは​関係がありません。

この​サイト​(eleanor-dev.com)

読みやすさと、​迷わず​目的の​情報に​たどり着ける​導線を​優先して​設計しました。​文字の​大きさ・​行間・​配色の​基準を​数値で​決め、​公開前に​自動で​確認しています。

料金は​1か​所の​データから、​すべての​ページへ

料金表・​特定商取引法に​基づく​表示・​決済画面が​別々に​書かれていると、​一部だけ​古い情報が​残ります。​料金を​1か​所の​データにまとめ、​そこから​各ページの​表示を​生成し、​食い違いがないかを​自動で​照合しています。

料金の​表示ができるまで
  • 1料金データ金額・​納期・​含まれるものを​1か​所に
  • 2公開用の​抽出社内向けの​値を​除外
  • 3各ページへの​反映料金表と​取引条件の​表示
  • 4照合元データとの​差分を​確認

表示速度と​セキュリティの​診断

自社サイトは、Googleが​提供する​診断ツール​「PageSpeed Insights」で​モバイル・​PCとも​全項目が​満点、​セキュリティの​診断3つ​(MDN HTTP Observatory・​securityheaders.com・​SSL Labs)で​A+の​評価を​得ております​(2026年10月1日、​トップページを​計測)。​計測の​結果と​改善の​手順は、​ブログの​「PageSpeed Insightsで​全項目満点を​達成するまでの​5つの​改善」と​「セキュリティヘッダーと​TLSの​設定で​ホームページの​診断​A+を​取得した​手順」で​ご紹介しています。

URLを​変えずに​リニューアル

この​サイトの​URLは、​決済画面や​アプリの​設定から​直接リンクされています。​リニューアル後も​URLが​1つも​変わっていないことを、​公開のたびに​自動で​確認しています。​使用技術は​Astro(サイト生成)、Cloudflare Workers(配信)、Python(検査)です。