Frontend Engineer YM Web Support Yuki Miyagawa

実案件

Tokyo Keiryu Fishing

Tokyo Keiryu FishingのShopifyカスタマイズ制作実績

プロジェクト概要

サイト概要
東京都内で渓流釣り体験を提供する「Tokyo Keiryu Fishing」のShopifyサイトカスタマイズ案件です。 Shopifyテーマをベースに、ブランドイメージに合わせたデザイン反映、Liquidによるテーマカスタマイズ、 予約システム導入、スマートフォン表示の調整を行いました。
クライアント
株式会社4NG
サイト種別
Shopifyサイト / 予約導線付きサービスサイト
担当範囲
Shopifyテーマカスタマイズ / Liquid実装 / JavaScript実装 / レスポンシブ調整 / 予約システム導入
使用技術
Shopify / Liquid / JavaScript / HTML / CSS(Sass)
外部サービス
予約システム:Sesami

実施内容

Shopifyテーマをベースに、デザインカンプの内容を反映しながら各セクションのレイアウト調整を行いました。 Liquidを用いてテーマ構造に合わせたカスタマイズを行い、既存テーマの機能を活かしながら、 サイト全体の見た目と操作性を整えています。

また、サービス予約につながる導線を設計するため、予約システム「Sesami」の導入・表示調整にも対応しました。 ユーザーがサイト閲覧から予約アクションまで進みやすいよう、CTAや予約導線の見え方を意識して実装しています。

工夫したポイント

既存のShopifyテーマをそのまま使用するのではなく、ブランドイメージに合わせてデザインを反映し、 通常のWebサイトのように見せられるようカスタマイズを行いました。 Shopifyテーマの仕様や管理画面との整合性を保ちながら、Liquid・CSS・JavaScriptで必要な調整を行っています。

特にスマートフォン表示では、ユーザーがサービス内容の確認から予約アクションまで進みやすいよう、 ナビゲーションやCTA、予約導線の見え方を意識して調整しました。 デザインの再現性だけでなく、閲覧後の行動につながる使いやすさも重視しています。

既存テーマの機能を活かしながら、ブランドに合った見た目と運用しやすさを両立できるように実装した案件です。

この案件で対応できること

本案件では、Shopifyテーマを活用したサイト構築に加え、Liquidによるカスタマイズ、 予約システムの導入、レスポンシブ対応まで一貫して対応しました。 既存テーマの見た目を整えたい場合や、ブランドに合わせてShopifyサイトをカスタマイズしたい場合にも対応可能です。