デザインカンプ通りに——ShopifyプロテインECサイトのコーディング修正

概要

担当範囲	サイトデザイン調整
クライアント種別	プロテインブランド（ECサイト）
ページ数・構成	4P程度
CMS/技術	Shopify
使用テーマ	Focal
主な内容	構築済みのShopify ECサイトが、支給されたデザインカンプと見た目が異なるので調整したい。
制作期間	1週間～（デザインにより変動）
費用感	10万円（ボリュームによる）

ご依頼の背景・目的

• 構築済みのShopify ECサイトが、支給されたデザインカンプと見た目が異なる状態で納品されていた。

というお悩みをお持ちでした。

実装のポイント・工夫したこと

デザインデータから実装を行いました。

• デザインカンプと実装の差異を箇所ごとに洗い出し
• ShopifyのLiquidテンプレートとCSSを修正し、デザイン通りの表示に再現
• 既存の構造を壊さず、必要箇所のみ修正

Before/After

成果・仕上がり

デザインカンプと一致した状態に修正完了。クライアントが納得できる品質で引き渡し。

こだわって作ったデザインを再現し、喜んでいただけました。

こんなご依頼に

対応しています

• Shopifyの構築をしたい方
• 既存テーマのデザインを調整したい方
• 自分で作ってみたけどうまくいかない方