制作実績一覧へ 無料診断を依頼
制作実績 #01

埼玉・春日部 / ラーメン店

煮干乱舞

対話しながら、育てたサイト

🏆 食べログ百名店 連続選出 ⚙️ 独自CMS構築 🔄 要望対応型制作
煮干乱舞 Webサイト トップ

制作ストーリー

完成形を最初からご提示したわけではありません。実際にご使用いただきながらご要望をお聞きし、機能を積み上げていった6段階の記録です。

埼玉・春日部の煮干乱舞は、食べログ百名店に連続選出されている人気のラーメン店です。
独自サイトへの移行提案から始まり、「メニューを編集したい」「セクションも触りたい」「画像も自由に入れたい」──オーナー様からお声がけいただくたびに機能をご用意するうちに、CMSは育っていきました
1

Crayonから独自サイトへの移行

元々オーナー様はCrayon(スマートフォン向けHP作成サービス)でサイトを運用されていました。ブランド表現の自由度を高めたいという方向性のもと、独自サイトへの移行を提案し、ご採用いただきました。デザインと構造を一から組み直し、店の世界観に合ったサイトとして仕上げさせていただきました。

2

まずメニューだけ編集可能に

初期リリースでは、コンテンツのほとんどをHTMLとして完成させ、オーナー様が最もよく更新される「メニュー情報」だけをデータベースで管理できる仕組みをご提供しました。最初から全機能を揃えるのではなく、最もよく使われる箇所から着手することで、運用のご負担を最小限に抑えた状態でスタートしていただきました。

3

「他のセクションも編集したい」にご対応

「お知らせやアクセス情報も自分で直せるようにしたい」とのオーナー様のご要望を受け、ページコンテンツ全般を管理画面からご編集いただける機能を追加いたしました。メニュー以外の各セクションにもオーナー様の手が届くようになり、自走できる範囲が大幅に広がりました。

4

「画像も任意の場所に入れたい」にご対応

「本文のここにこの写真を入れたい」というオーナー様の具体的なご要望にお応えし、テキスト内の任意の位置に画像を差し込める機能を実装いたしました。Crayonのような直感的な操作感を、独自環境でご体験いただける一歩となりました。

5

認証・ログイン機能の整備

管理画面へのアクセスをパスワードで保護する認証機能を整備いたしました。シンプルながら確実に外部からの不正操作を防ぐ仕組みをご提供し、オーナー様が安心してご利用いただける環境を整えました。

6

ダッシュボードの整理と一元化

メニュー管理・コンテンツ編集・パスワード変更・使い方ガイドへの入口を一画面にまとめたダッシュボードを構築いたしました。機能が増えるほど管理が複雑になりがちですが、シンプルな設計でオーナー様が迷わずお使いいただける状態を維持しています。

「対話しながら作る」というスタンス

このプロジェクトは、最初に完璧な仕様書をご提示するのではなく、実際にご使用いただきながらオーナー様の声をお聞きし、ともに育てていくアプローチで進みました。
ご要望に都度お応えした結果、最終的にはCrayon相当の編集自由度を独自環境で実現する構造に辿り着きました。
なべやきうどんが大切にしている "対話しながら作る" 姿勢を、そのまま体現したプロジェクトです。

制作内容

各段階の実際の画面です。完成サイトから管理画面まで、積み上げた機能をご確認いただけます。

STEP 1 ─ 独自サイトへの移植

完成した独自サイト

オーナー様がCrayonで運用されていたサイトから移行した完成サイトのトップページです。店の雰囲気を活かしたデザインで、メニュー・アクセス・お知らせなど必要な情報を一画面にまとめさせていただきました。

煮干乱舞 完成サイト トップ

niboshiranbu.com ─ トップページ

STEP 2 ─ メニュー編集機能

メニュー管理画面

商品名・価格・説明・カテゴリをオーナー様ご自身で追加・編集・削除いただける管理画面です。最も更新頻度が高い箇所から先行してご対応し、すぐにご活用いただける状態でお渡しいたしました。

メニュー管理画面

menu-admin.php ─ メニュー管理

STEP 3 ─ 全セクション編集対応

ページ内容編集画面

お知らせ・アクセス・ルールなど、メニュー以外のページコンテンツもオーナー様が管理画面から直接ご編集いただけるようになりました。「自分で更新できる範囲」が大幅に広がった段階です。

ページ内容編集画面

content-admin.php ─ ページ内容編集

STEP 4 ─ 画像挿入機能

文中任意位置への画像挿入

テキストの好きな位置に画像を差し込む機能をご提供しました。「ここに写真を入れたい」というオーナー様の直感的なご要望にお応えした機能で、表現の幅が大きく広がりました。

画像挿入機能

content-admin.php ─ 画像挿入エリア

STEP 5 ─ 認証・ログイン

管理画面ログイン

管理画面へのアクセスをパスワードで保護するログイン機能です。シンプルな1ステップ認証で、不正アクセスを防ぎつつオーナー様がストレスなくご利用いただける形にしています。

管理画面ログイン

admin.php ─ ログイン画面

STEP 6 ─ ダッシュボード

管理画面ダッシュボード

各機能への入口を一画面に集約したダッシュボードです。メニュー管理・ページ編集・パスワード変更・使い方ガイドに、オーナー様が迷わずアクセスいただけます。

管理画面ダッシュボード

admin-top.php ─ ダッシュボード

SHOP INFO

煮干乱舞について

埼玉・春日部 / 食べログ百名店 連続選出

住所
埼玉県春日部市大場1114-1
最寄駅
武里駅西口から徒歩1分
営業時間
7:00〜21:00
材料切れ次第終了
定休日
不定休
🏆

食べログ百名店 連続選出

複数年にわたり食べログ百名店に連続選出されている、地域を代表するラーメン専門店です。

🍜

煮干し出汁を主軸としたラーメン専門店

煮干出汁のうまみを活かした、個性のある一杯を提供するラーメン専門店です。

あなたの店も、一緒に育てませんか。

「まず話を聞いてほしい」から歓迎です。現状のサイトやSNSの状況を整理するところから始められます。