標準テーマのブログデザインがブランドと合っていなかった
Shopifyブログをブランド独自のデザインにしたい事業者向けに、記事テンプレートをブロック単位でカスタマイズできる機能を開発しました。 ブログテンプレート、目次、パンくず、アプリ誘導導線。ブランド独自の見せ方とSEOの内部構造を両立する機能を開発しています。
CHALLENGES
抱えていた課題
着手前に整理した、解くべき課題です。ここが決まらないまま作り始めると、あとから作り直すことになります。
標準テーマのブログデザインがブランドと合っていなかった
記事ごとに異なるレイアウトを組みたいが標準機能では難しかった
デザイン変更のたびに開発対応が発生していた
WHAT WE BUILT
つくったもの
課題に対して実際に設計・実装した内容です。
記事テンプレートの再設計
見出し・アイキャッチ・本文まわりのデザインをブランドトーンに合わせて再構築しました。
記事内セクションのブロック化
画像や強調ボックスなどをブロック単位で記事に挿入できるようにしました。
執筆者側での運用性確保
記事編集者がコードを触らずにレイアウトを組めるよう、エディタでの操作性を整えました。
SCOPE & TECHNOLOGY
対応範囲と技術
TECHShopify LiquidTheme App ExtensionCSS
PROCESS
進め方
この案件で実際にたどった流れです。
要件整理
「Shopifyブログをブランド独自のデザインにしたい事業者」の現場でどう使われるかを起点に、必要な機能範囲を洗い出します。
設計
Theme App Extension（Article Template）として実装する構成に落とし込み、データ構造を設計します。
実装
記事テンプレート再設計・ブロック化・ブランドデザイン適用を中心に、ストアフロントと管理画面の両方を実装します。
検証・リリース
実際の購入導線で動作検証を行い、問題がないことを確認してから反映します。
OUTCOME
できるようになったこと
実装後の状態を、事実ベースで整理しています。
ブログがブランドの世界観と一致するようになった
記事ごとの表現の幅が広がった
デザイン変更を都度開発に頼らず運用できるようになった
CONTACT
つくりたいものを聞かせてください。
Shopifyでの新規構築、既存テーマへの機能追加、アプリ開発のご相談まで。まだ具体化していないアイデアも、整理するところから一緒に始めます。
メールで相談する