ホームページ制作からECサイト構築、バナーなどのWEBデザインまで。
目的に合わせた見やすく使いやすいWEB制作をご提案します。
目的に合わせた見やすく使いやすいWEB制作をご提案します。
蘭のまつうら
URL：https://ran-matsuura.com/
URL：https://ran-matsuura.com/
ShopifyによるECサイト構築
クライアント：松浦園芸
ディレクション：KCN Japan
撮影：大羽フォトスタジオ
構築：デザインオフィスKAI
ディレクション：KCN Japan
撮影：大羽フォトスタジオ
構築：デザインオフィスKAI
愛知県の胡蝶蘭生産者・松浦園芸の公式オンラインショップ「蘭のまつうら」の新規立ち上げを担当しました。
生産者直送の胡蝶蘭を全国へ届けるためのブランド発信拠点として、大切な方への贈り物にふさわしい、上品で信頼感のあるECサイトを目指しました。
本プロジェクトでは、Shopify導入提案からサイト設計、デザイン、公式ロゴ作成、写真撮影ディレクション、カスタムLiquidによる機能実装、アプリ導入、原稿入力、運用指導まで一気通貫で担当しました。
テーマ「Rise」をベースに、商品の高級感を引き立てるレイアウト設計と、贈り物用途に特化したUX設計を意識して構築。特に、WebやECの専門知識を持たないクライアント様が、納品後もご自身で商品追加やブログ更新を行えるよう、標準機能を活かしたシンプルで分かりやすいサイト構造にしています。
また、胡蝶蘭ギフト特有の購買フローに対応するため、商品ページに独自のカスタムLiquidを実装。ラッピング選択や立札注文を分かりやすく入力できるよう設計し、操作性と視認性を高めました。
月額費用が発生する外部アプリにできるだけ頼らず、必要な機能を内製することで、ランニングコストの削減にも配慮しています。
月額費用が発生する外部アプリにできるだけ頼らず、必要な機能を内製することで、ランニングコストの削減にも配慮しています。
購入前の不安を解消するため、配送・ラッピング・立札などのよくある質問をまとめたチャットボット風FAQも設計・設置。生花ギフトならではの疑問をその場で確認できる導線を用意し、問い合わせ対応の負担軽減とユーザーの離脱防止を意識しました。
撮影には立ち会いを行い、商品の質感や色みがオンラインでも正確に伝わるよう写真調整も担当。原稿入力から各種テキスト整備まで、サイト全体のコンテンツ面も一貫して手がけています。
2026年5月1日にECサイトを公開。公開後の更新・改善にも伴走しています。
構築に関わる全工程をワンストップで担当し、技術・デザイン・コンテンツ・運用性の四軸から、クライアントの世界観と事業成長を支えるECサイトを実現しました。
花酵母factory
ホームページ制作
ホームページ制作
花酵母factoryが法人化するまでの暫定サイトとして、プレページの制作を担当しました。ディレクターとして全体構成を統括し、WEBデザイナー・コーダーとの3人体制で進行。スマホファーストの設計とし、ページ全体をスワイプで閲覧できる仕様を採用しています。
クライアントから「文字量を抑え、動きのあるサイトにしたい」という要望があり、JavaScriptによるアニメーションを取り入れ、タブレットではプレゼン用スライドとしても機能する構成に仕上げました。ブランドの世界観を軽やかに伝えつつ、必要な情報が直感的に伝わるプレページとして構築しています。
Fleur Sereine | フルール・スレーヌオンラインショップ
ShopifyによるECサイト構築（デモサイト）
ShopifyによるECサイト構築（デモサイト）
Shopifyの実装スキル習得を目的に構築したECサイトのデモです。標準テーマ「DAWN」をベースに、カスタムLiquidや独自CSSを用いてレイアウトやパーツを拡張し、実案件レベルの構成を意識して制作しています。
制作にあたっては、見た目のデザインだけでなく、購入までの導線設計を重視しました。お客様目線で商品を選びやすく、目的の商品にたどり着きやすい構成を意識し、トップページ・商品一覧・商品ページ・カート周辺まで、迷わず購入へ進める流れを整えています。
また、ラッピングやメッセージ対応、NEWラベル表示など、ギフト商品を扱うECサイトで必要になりやすい表現をカスタムLiquidで実装。単に商品を並べるだけではなく、「贈り物として選びたくなる」心理的な後押しを意識したパーツ設計を行いました。
さらに、Giftページの構成、カートページでの案内、FAQ下部からお問い合わせページへの導線など、購入前の不安を減らすための工夫も取り入れています。ユーザーが疑問を抱いたタイミングで必要な情報へアクセスできるようにし、離脱を防ぎながら購入まで進みやすいサイト構成を目指しました。
デモサイトではありますが、実際のEC案件でも応用できるよう、売るために必要な実装・導線・情報設計を一通り検証した制作物です。Shopifyの標準機能を活かしつつ、Liquid実装やCSS調整によって、ブランドの世界観と購買体験の両方を高める構成に仕上げています。
Eanbe
ShopifyによるECサイト構築（デモサイト）
ShopifyによるECサイト構築（デモサイト）
Shopifyの実装スキル習得を目的に構築したECサイトのデモです。標準テーマ「DAWN」をベースに、カスタムLiquidや独自CSSを用いてレイアウトやパーツを拡張し、実案件レベルの構成を意識して制作しています。
UIの整理、操作性の改善、商品ページの視認性強化など、Shopifyならではの設計思想を踏まえながら、アパレルブランドを想定したトーンでまとめました。
なお、Eanbe様の実際のECサイトはこちらです：
https://eanbe.jp/
https://eanbe.jp/
Canvaを使ったホームページ・LP制作
Canvaで作るWEBページは、コストを抑えながらスピーディに公開できる点が大きなメリットです。
維持費0円・低コスト・スマホファースト設計・自分で更新可能という特性により、小規模事業者や個人事業主の方に特に向いています。URL発行だけでページ公開ができ、画像差し替えや文言修正もブラウザ上で簡単に操作できるため、更新コストも最小限です。また、テンプレート編集が中心のため、短納期での制作にも適しています。
維持費0円・低コスト・スマホファースト設計・自分で更新可能という特性により、小規模事業者や個人事業主の方に特に向いています。URL発行だけでページ公開ができ、画像差し替えや文言修正もブラウザ上で簡単に操作できるため、更新コストも最小限です。また、テンプレート編集が中心のため、短納期での制作にも適しています。
ここでは、スマートフォンでの閲覧を前提にデザインしたCanva制作の4例をご紹介します。
・七五三WEBレター（サンプル）
着物レンタル店・結鶴
（WEBバナー広告デザイン）
（WEBバナー広告デザイン）
渋谷・代官山に店舗を構える着物レンタルショップ「結鶴」様のバナー広告を制作しました。世界観に寄り添い、写真の魅力を最大限に活かしながら、訴求ポイントが視覚的に伝わるレイアウトと色使いを意識しています。
このほか、企業広告・ECサイト向けバナー・イベント告知など、さまざまなWEB広告デザインにも対応しており、媒体や用途に合わせた最適なビジュアルを制作しています。
