しまうまプリント — フォトブックポータル/紹介サイトの継続開発

しまうまプリントの主力サービスであるフォトブックについて、ユーザーがサイズ・価格・注文方法などの情報を確認し、注文へとつなげるための紹介サイト（フォトブックポータル）を継続的に開発・運用しています。

課題

フォトブックサービスには、サイズや価格帯、FAQ、配送方法、注文方法といった情報をわかりやすく伝える紹介サイトが必要でした。あわせて、旧サイトで蓄積されていたTips記事などの既存コンテンツを新サイトへ引き継ぎつつ、フォトブックのブランドイメージに合った見せ方へ整理し直すことも求められていました。

アプローチ

Next.js（App Router）+ React + TypeScriptを基盤とし、Chakra UIとEmotionを用いたコンポーネント群をStorybookで管理する開発体制を構築しました。Figmaで作成したデザインをもとにページを順次実装し、サイズ・価格・FAQ・配送・注文方法などのコンテンツページを段階的に追加していきました。

旧サイトに蓄積されていたTips記事群の移植にも取り組み、その過程でフォトブックのブランドに合わせた表現の見直しを行いました。たとえば旧サイト特有の吹き出し表現をそのまま持ち込むか、既存のコンポーネントで代替するかを検討し、内容の伝わりやすさを優先して既存コンポーネントでの表現に統一する判断を行うなど、コンテンツ移植を単純な転記ではなく再構成の機会として活用しました。

成果

紹介サイトはVercel上で本番・ステージング・開発環境を分離した構成で継続的に運用されています。2025年の立ち上げ以降、旧コンテンツの移植を経て土台を整えたのち、新商品の訴求施策の検討やコンテンツ拡充を重ねながら、2026年に入ってからも稼働を続けています。