ポートフォリオ

BigCommerceサイト制作

製作日数25日間

希望販売価格200,000円～300,000円未満

【本プロジェクトのポイント】
・クライアント提供のデザインを忠実に再現した高品質なコーディング
・BigCommerceの標準機能＋カスタマイズを駆使して、海外顧客にも対応するECストアを実現
・アプリ連携と多言語対応による、グローバルEコマースへの展開を支援
・サイト公開後の運用・保守サポートも包括的に提供

担当した開発内容は以下のようにまとめております。
1. クライアント提供デザインのHTML/CSSコーディングとBigCommerceテーマカスタマイズ
・クライアントから提供されたデザインデータを基に、BigCommerceのテーマをカスタマイズ。
・HTML5 / SCSS を使用して、レスポンシブ対応（PC / スマホ / タブレット）を実装。
・デザイン通りのクオリティ再現を目指し、細部まで忠実にコーディングを行いました。
・BigCommerceのStencilテーマエンジンを活用し、カスタムテンプレートとレイアウトを作成。

2. BigCommerce管理画面を利用した商品・カテゴリ構築
・大規模な日本茶商品（抹茶・煎茶・道具など）の商品登録およびカテゴリ構造の設計・構築を実施。
・商品バリエーション（サイズ・種類）の管理や、SKU設定、在庫連動を最適化。
・カテゴリー階層の設計により、ユーザーが商品を見つけやすくナビゲーションを整理。

3. 決済・配送・税金の設定と最適化
・BigCommerce標準機能とカスタマイズにより、複数決済方法を導入（クレジットカード、PayPal、Apple Pay など）。
・海外配送・国内配送のフローを分け、配送方法と送料のロジックをカスタマイズ。
・国や地域ごとに異なる税金計算のルールを設定し、EC国際展開に対応。

4. アプリ・サードパーティ連携
・SEO対策ツール（SEO Manager）や、マーケティング自動化アプリ（Klaviyo / Mailchimp）をBigCommerceと統合。
・レビュー機能（Yotpo / Judge.me）を連携し、ユーザー生成コンテンツ（UGC）で販売促進を支援。
・Google Analytics、Google Tag Manager、Facebook Pixelなどトラッキングコードを実装し、デジタルマーケティングを強化。

5. 多言語・多通貨対応
・BigCommerceの標準機能とアプリ連携を利用し、日本語・英語の多言語切り替えを実装。
・為替レート連動の多通貨対応を行い、世界中の顧客に向けたショッピング体験を提供。
・国ごとのコンテンツ最適化とローカライゼーションもサポート。

6. UX/UI最適化とスピードチューニング
・商品ページ・カート・チェックアウトフローのユーザー導線を最適化し、CVR（コンバージョン率）向上を実現。
・Lazy Loadや画像最適化、コードミニファイにより、表示速度を改善。
・モバイルファーストの設計により、スマートフォンからの購入もスムーズに。

7. 運用・保守・本番環境サポート
・BigCommerce管理画面の運用マニュアルを作成し、クライアントが日常的に商品管理をしやすいようサポート。
・本番公開後も定期的な動作チェック、バグ修正、アプリバージョンアップへの対応を実施。
・サイト運営に伴うトラブル対応やサポート窓口として、安心の運用体制を構築。
ECCubeサイト制作

製作日数40日間

希望販売価格300,000円～500,000円未満

EC-CUBEを基盤とし、システム開発と本番環境での運用を担当しております。
【本プロジェクトのポイント】
・クライアントのデザインを忠実に再現し、フロントエンドコーディングを実施
・EC-CUBEの標準機能では実現できない要件に対して、独自開発を行い柔軟に対応
・本番環境の構築・運用・保守までワンストップで提供し、安定したECサイト運営を実現

1. クライアント提供のデザインを基にしたHTML/CSSコーディング
・クライアントよりご提供いただいたデザインデータ（PSD）を元に、レスポンシブ対応のHTML/CSSコーディングを実施。
・PC / タブレット / スマートフォンに最適化されたマルチデバイス対応。
・BEM設計や SCSS を活用し、保守性・拡張性の高いコーディングを実施。
・軽量なアニメーションやホバー効果を実装し、ユーザー体験を向上させつつパフォーマンスも考慮。

2. EC-CUBE機能の開発・カスタマイズ全般
・クライアントのビジネス要件に合わせ、EC-CUBEのコア機能をカスタマイズおよび新規開発。
・カート・決済・注文管理フローの最適化と業務運用に即したチューニングを実施。
・独自プラグインを開発し、会員管理・ポイント・クーポン等の機能を追加。
・CSVを用いた商品データのインポート・エクスポート機能も構築。

3. 多様な決済方法の統合
日本国内および海外対応の各種決済手段を実装：
・クレジットカード決済（Visa / MasterCard / JCB / AMEX）
・コンビニ決済
・銀行振込
・セキュリティ対策を行い、安全な決済処理を実現。

4. 注文・配送管理機能の実装
・注文管理フローのカスタマイズを実施し、運営に適した処理を構築。
・配送料をエリアや注文金額に応じて自動計算するロジックを実装。
・配送状況やトラッキング番号を自動送信するメール機能を構築。

5. 会員管理とポイントシステムの実装
・会員登録・ログイン・マイページ編集など、会員機能を開発。
・購入金額に応じたポイント付与・利用機能を実装。
・会員ランク機能を設け、特定の顧客層に対する特典や価格設定を可能に。

6. クーポンとプロモーション機能のカスタマイズ
・利用条件を柔軟に設定できるクーポン発行・管理機能を実装。
・キャンペーン・セール・限定プロモーションの設定を管理画面から簡単に行える仕組みを構築。
・クロスセル・アップセル機能も導入し、平均注文単価を向上。

7. 多言語対応（日本語 / 英語）
・EC-CUBEをカスタマイズし、多言語切り替え機能を実装。
・商品情報やコンテンツを日本語・英語で管理し、グローバル対応を強化。
・言語切り替えによるUX向上とSEO対策も実施。

8. 本番環境（ライブ環境）の構築・運用保守
・Linux / Apache / Nginx サーバー環境でのEC-CUBEインストールおよび最適化。
・SSL/TLS証明書の設定により、全ページをHTTPS化しセキュリティを強化。
・サーバー運用監視・定期バックアップ・障害対応など、安定稼働を支援。
・システムアップデートやプラグインのバージョン管理も含む運用保守を実施。

9. 表示速度の最適化とセキュリティ強化
・画像圧縮・キャッシュ制御・Lazy Load機能により、ページ表示速度を改善。
・CSRF、XSS、SQLインジェクション対策を行い、万全なセキュリティ体制を確立。
・サイト稼働率の向上とトラブル発生時の迅速なリカバリー対応。

10. SEO対策とアクセス解析の導入
・ページ毎のメタ情報（title・description等）の最適化を実施。
・sitemap.xml・robots.txtの自動生成によるクローラー最適化。
・Google Analytics 4 および Google Search Console の導入と計測設定。
・ユーザー行動データを元にした改善提案もサポート。
アプリ開発

製作日数400日間

希望販売価格500,000円以上

【VBCIアプリの特徴】
・ベトナム全国のネットワークに加え、将来的にはアジア各国への展開を目指す。
・会員が積極的にビジネスチャンスを広げられる実践的なツールを提供。
・シンプルで使いやすいUI/UX設計により、誰でも直感的に操作可能。

VBCI公式アプリの主な機能と特徴
私たちは、VBCI（Vietnam Business Connection International）コミュニティ専用のネットワーキングアプリを開発しました。このアプリは、会員間のビジネスネットワークを強化し、紹介の機会を最大化するためのツールです。

1. 会員プロフィールと企業情報の管理機能
・各メンバーは、自分のプロフィール情報と所属企業情報を詳細に登録・編集できます。
・他のVBCI会員が検索しやすいように、業種や得意分野を明確に表示。
・信頼性と透明性を確保し、ビジネスパートナー探しをサポート。

2. 会員検索とグローバルなビジネス接続
・VBCIネットワーク内の全国および海外のメンバーを簡単に検索可能。
・条件検索やカテゴリ検索を使って、迅速にビジネスチャンスのある相手とつながることができます。
・名刺交換やチャット機能を通じて、リアルタイムでのコミュニケーションも可能。

3. ビジネス紹介（リファーラル）管理システム
・会員間でビジネス紹介（リファーラル）を簡単に送信・管理できる機能を実装。
・紹介案件の進捗状況や、成立した案件に基づく成果報告をトラッキング可能。
・紹介件数や成立案件は自動でレポート化し、メンバー間の信頼構築に貢献。

4. チャプター会議とイベントスケジュール管理
・各チャプターの定例ミーティング、特別イベントなどのスケジュールをアプリ内で確認・参加登録。
・出席チェックイン機能により、会議参加実績を簡単に記録・管理。
・イベントリマインダー通知で、重要な日程を見逃しません。

5. 業績分析と統計レポート
・自分の紹介件数、売上成果、1対1のミーティング回数など、活動履歴を数値化して確認可能。
・チャプター全体や個人別のパフォーマンスを視覚的に表示し、成果の見える化を実現。
・過去データを分析し、今後の活動戦略を立てるのに役立ちます。

6. 通知とリマインダー機能
・チャプターからの重要なお知らせや、紹介リクエストなどをプッシュ通知で即時配信。
・会議日程やタスクのリマインダー機能もあり、活動の抜け漏れを防止。

7. 安全性とプライバシーの確保
・会員情報はSSL暗号化通信を採用し、セキュリティを徹底。
・プライバシーポリシーに基づいたデータ管理を実施し、個人情報の保護を最優先。

※【今後の展開予定】
・AIを活用した推薦メンバー表示機能の実装
・オンラインマッチングイベントの開催機能
・EC機能の追加により、VBCIメンバー限定の商品・サービスの売買プラットフォームを開発予定
ウェブシステム開発

製作日数180日間

希望販売価格500,000円以上

Your Turn Inc. の公式サイト（https://yourturninc.com/）において、私たちが PHP（Laravelフレームワーク）を使ってフルスクラッチで開発した機能と業務内容をまとめました。

1. 完全オリジナルUI/UXデザインの設計と実装
・ブランドイメージに合わせたクリーンでモダンなデザインを提案・実装
・PC / スマートフォン両対応のレスポンシブデザインを実現
・CSS3・JavaScriptを活用したインタラクティブなアニメーションを実装し、ユーザー体験を向上

2. Laravelを用いたオリジナルCMSの開発
・ページ、記事、画像を簡単に管理・更新できるオリジナルCMSを構築
・多言語対応機能（日本語 / 英語）を搭載し、コンテンツの多言語管理を実現
・管理者 / 編集者などの権限管理システムを開発し、セキュリティを強化

3. 不動産紹介ページの構築
・不動産の一覧・詳細を管理するカスタム投稿機能を開発
・業界・カテゴリごとのフィルタリング機能を実装し、ユーザーの利便性を向上
・各プロジェクトの詳細には、画像・動画・説明文などを柔軟に登録・表示できるようカスタマイズ

4. パフォーマンスとセキュリティの最適化
・Laravelのベストプラクティスに従ったクリーンなコードとDBクエリの最適化
・Redisキャッシュを活用し、サイトの表示速度を大幅に向上
・CSRF、XSS対策や入力バリデーションを強化し、セキュリティレベルを最大化
・サイト全体をSSL/TLSで暗号化し、データの安全性を確保

5. 記事投稿機能の開発
・知識共有・業界ニュースなどを発信する記事等機能を実装
・SEOに強い構造（メタタグ・カスタムスラッグ・サイトマップ自動生成）を設計
・タグ・カテゴリによる記事分類、関連記事の自動表示機能を導入

6. お問い合わせフォームの開発とリード獲得
・カスタムフィールド対応の問い合わせフォームを開発
・バックエンドと連携し、問い合わせ情報を一元管理
・自動返信メール、管理者へのリアルタイム通知を設定
・reCAPTCHA導入とLaravelのバリデーション機能でスパム対策を強化

7. 多言語（日本語・英語）対応の実装
・Laravelのローカライズ機能を活用し、言語切替機能を実装
・言語別URL構造（/ja /en）を採用し、SEOにも配慮
・CMS側で多言語コンテンツを簡単に更新できる管理画面を開発

8. SEO対策とアクセス解析の実装
・Google PageSpeed Insightsの基準を満たすパフォーマンス最適化（画像圧縮、JS/CSSのミニファイ、Lazy Load）
・サイトマップXMLの自動生成、robots.txtの適切な設定
・Google Analytics 4、Google Tag Managerの導入によるユーザー行動の詳細分析とコンバージョン最適化

9. SNS連携機能
・各記事・プロジェクトページへのSNSシェアボタン（Facebook、LinkedIn、X、Instagramなど）を実装
・OGP（Open Graph Protocol）およびTwitterカードを設定し、SNSでのシェア時に適切な情報表示を実現
・LINEやMessengerなどの外部メッセージサービスとの連携も対応

10. インフラ構築・運用保守
・Linuxサーバー（Nginx + PHP-FPM）環境での運用を前提に、安定したパフォーマンスを実現
・CI/CDによる継続的インテグレーションとデプロイを導入
・エラー監視・パフォーマンスモニタリングで、保守性を向上
ECフォースサイト制作

製作日数25日間

希望販売価格300,000円～500,000円未満

構築・開発内容は以下のようにまとめます。
1. EC-Forceを活用したブランディング特化デザインカスタマイズ
・EC-Forceの柔軟なテンプレート機能をベースに、完全オリジナルデザインを実装
・BULK HOMMEブランドの世界観を反映した、クリーンかつ高級感あるUI/UX設計
・モバイルファーストを意識したレスポンシブ対応で、スマートフォンユーザーのCVRを最大化
・LP型構成と通常ECサイトのハイブリッドな作りで、商品の魅力を最大限に訴求

2. 定期購入（サブスクリプション）モデルの設計と最適化
・EC-Forceの定期購入機能をフル活用し、スムーズなサブスク導線を構築
・購入サイクルの柔軟な設定（毎月・隔月など）
・顧客自身がマイページから簡単にスキップ・休止・解約を行えるカスタマイズを実装
・サブスク特典（初回限定割引・送料無料）の訴求と適用ロジックを設定
・継続率向上を目的とした「解約抑止ポップアップ」や「ポイント還元施策」を実施

3. 決済・物流・CRMを一元管理
・EC-Forceのマルチ決済対応機能を活用し、
・クレジットカード、NP後払い、Amazon Pay、Apple Payなど多様な決済手段を導入
・自動決済・再決済処理による未回収リスクの低減
・物流倉庫との自動連携による、発送ステータスの自動更新と追跡情報の通知を構築
・CRM機能により、顧客属性に基づくステップメール配信やLTV最大化のためのセグメントマーケティングを実現

4. カート・フォーム一体型LPの構築
・EC-Forceのフォーム一体型ランディングページ機能を使って、
・LP閲覧から購入完了まで、1ページで完結する導線を構築
・スムーズな入力UI設計（入力支援、リアルタイムエラー表示）
・離脱防止ポップアップ・タイムセール表示などでCVR向上施策を導入
・ABテストやヒートマップツールの実装で、継続的なUI/UX改善を実施

5. BtoB・法人向けフォームのカスタマイズ
・EC-Forceのカスタムフォーム機能を活かし、法人専用のお問い合わせフォームを構築
・法人名・担当者名・月間取引量などの必須入力
・自動返信と担当者へのリアルタイム通知
・収集したデータはCRMと連携し、営業チームによるリードナーチャリングを実現

6. ポイント・クーポン・キャンペーン施策の設計
・EC-Force標準機能のポイントプログラムを活用
・継続購入者へのインセンティブ設計
・初回購入や友達紹介に対するクーポン発行
・会員ランク機能と組み合わせて、VIP顧客向けの優遇特典をカスタマイズ実装
・購入金額や回数に応じた自動キャンペーン適用ロジックの導入

7. SEO対策とコンテンツマーケティング
EC-ForceのSEO管理機能で
・各ページのメタ情報（タイトル・ディスクリプション）の最適化
・URL構造の整備とパンくずリストの設計
・EC-Forceブログ機能を活かし、スキンケア情報や製品の使い方などのコンテンツ配信を行いSEO集客を強化
・構造化データ（JSON-LD）の実装によりリッチスニペット対応

8. レビュー＆UGC機能
・EC-Forceのレビュー管理機能を活用し、
＋実際のユーザーの評価を星・コメント形式で表示
＋購入者のみが投稿可能な仕組みで信頼性を確保
・SNSとの連携を強化し、InstagramからUGCを収集・表示
・レビュー投稿促進のためのポイント付与施策を導入

9. MAツール・外部サービスとの連携
・MAツール（アクションリンク・KARTEなど）とのAPI連携
・LINE公式アカウントとの統合でパーソナライズドなメッセージ配信
・Google Analytics 4・タグマネージャーを活用した行動分析とCV最適化
・Meta広告（Facebook・Instagram）とGoogle広告のリターゲティング設定

10. セキュリティ・法令対応と運用保守
・SSLによる全ページ暗号化、個人情報管理のガイドライン順守
・特定商取引法・個人情報保護法に準拠した表記ページを整備
・EC-Forceの管理画面権限設定・監査ログによるセキュリティ強化
・定期的なセキュリティ診断とアップデートの実施
Shopifyサイト

製作日数25日間

希望販売価格300,000円～500,000円未満

担当した「Grino」Shopifyサイトの構築・開発内容は以下のようにまとめております。
1. Shopifyテーマのカスタマイズとブランディング
Grinoブランドの世界観（プラントベース・サステナブル・ヘルシー）を伝えるために、
・Shopifyのプレミアムテーマをベースにデザインをフルカスタマイズ
・色合い、フォント、アイコン、ビジュアル要素を統一し、ブランドイメージを強化
・スマートフォン表示も意識したレスポンシブデザインを徹底実装
→ Shopifyのテーマカスタマイズ機能（Liquid、HTML、CSS、JavaScript）を活用し、柔軟な表現を実現しました。

2. 商品ページの設計と情報最適化
Shopifyの商品管理機能（Product Management）を活用し、
・各商品の特徴（ヴィーガン、グルテンフリーなど）をアイコンやラベルで分かりやすく表示
・商品説明文をリッチテキストと画像で構成し、購入意欲を高めるコンテンツ作成
・栄養情報やアレルギー情報も追加フィールドで簡潔に整理
・複数バリエーション（サイズ・セット販売）に対応した商品オプションを設定

3. 定期購入（サブスクリプション）機能の導入
リピーターを増やすために、
・Shopifyアプリ「Recharge Subscriptions」を導入
・定期便商品の設定、購入サイクル（週1・月1など）のカスタマイズ
・ユーザー自身でマイページから配送スケジュールや数量を変更できる機能も構築
→ 継続購入のUXを改善し、LTV（ライフタイムバリュー）最大化を図りました。

4. Shopify決済・配送機能の最適化
日本国内のお客様にスムーズな購入体験を提供するため、
・Shopify Paymentsと主要決済（クレジットカード、Apple Pay、Google Pay、PayPay連携）の設定
・送料設定（全国一律／地域別料金）、配送方法（通常便・クール便）のカスタマイズ
・自動発送メールと追跡番号通知のワークフローを設計・実装
→ ユーザーが安心して購入・受け取りできる環境を整備しました。

5. 法人向けお問い合わせフォームの実装
BtoBのリード獲得を強化するために、
・Shopifyアプリ「Contact Form Builder」やカスタムフォームを使って、法人専用お問い合わせフォームを設置
・必須項目やファイル添付機能の追加で、商談化までのハードルを低減
・問い合わせ内容は自動的に社内CRM・メール通知と連携し、リード管理を効率化

6. SEO対策とメタ情報管理
ShopifyのSEO基本機能を最大限活用し、
・各ページのメタタイトル・メタディスクリプションをカスタム設定
・Altタグの最適化と、画像圧縮によるページ高速化
・構造化データ（JSON-LD）を手動で埋め込み、リッチリザルト対応を実現
・Google Search Console / Google Analytics 4 との連携も実施

7. ブログ（コラム）機能の設定と運用
Shopifyのブログ機能を活用し、
・ヴィーガン・サステナブルフード関連の情報発信をする記事コンテンツを設計
・カテゴリーやタグを整理し、ユーザーが探しやすい構造に改善
・内部リンク最適化、関連記事自動表示のカスタマイズも実施
→ SEO強化とユーザーエンゲージメント向上に貢献しました。

8. レビュー＆UGC（ユーザー生成コンテンツ）の導入
信頼性向上のために、
・Shopifyアプリ「Loox」を導入し、レビュー・写真投稿機能を実装
・購入後自動メールでレビュー依頼、インセンティブ設定による投稿促進
・星評価とレビューが商品詳細ページと一覧ページに反映される仕組みを構築

9. SNS・外部サービス連携
マーケティング施策として、
・Instagramショップ連携によるSNSからの直接購入導線を構築
・Meta（Facebook）やGoogle広告のリマーケティングタグ設置
・メールマーケティングアプリ「Klaviyo」導入で、カゴ落ちメール・ニュースレター配信を自動化

10. セキュリティ＆法令対応
・Shopifyの標準SSL/TLSによる通信暗号化
・プライバシーポリシー、特定商取引法に基づく表記、利用規約ページを制作
・Shopifyアプリによるスパム対策・reCAPTCHA設定
Wordpressサイト制作

IT・アプリ・プログラミングウェブ・モバイル制作ホームページ制作

製作日数65日間

希望販売価格500,000円以上

開発・実装した事項は以下のようにまとめております。
＊【レイアウト実装】：全ての画面のレイアウトを実装しました。
＊【機能実装】：以下のように詳しくまとめます。
①エリア・トラブル別の検索・絞り込みシステム
ユーザーが迅速に希望する修理業者を見つけられるよう、
・都道府県やエリアによる絞り込み
・トラブルの種類（トイレ、キッチン、浴室、洗面台、ポンプ、屋外の排水など）ごとに細かく分類し、検索できる機能を開発しました。
UIはシンプルで使いやすく、PC・スマホ両方でストレスなく操作できるようにレスポンシブ対応を徹底しています。
② レビュー・評価機能の設計と実装
修理業者ごとに
・ユーザーからのレビュー投稿・星評価システム
・おすすめランキング表示
を実装しました。
レビューの信頼性を保つため、不正レビューを自動検出し排除する仕組みもバックエンド側で開発しています。
さらに、評価データはリアルタイムで反映されるよう最適化しました。
③ コンシェルジュ相談フォームの構築
ユーザーが自身で検索しなくても最適な業者を提案できるよう、
無料のコンシェルジュ相談フォームを開発しました。
入力された情報は自動でデータベースに格納され、オペレーターや提携業者に即時連携されるワークフローを設計。
UX面では、入力項目を最小限にし、スムーズに問い合わせが完了するフォームUIを採用しています。

④ 業者詳細ページのCMS化
各修理業者の詳細情報（サービス内容、料金、対応エリア、レビューなど）を掲載する業者プロフィールページを構築し、
社内スタッフが簡単に更新・編集できるよう**CMS（コンテンツ管理システム）**を導入しました。
これにより、新規業者の登録や情報の変更も管理画面から効率よく行えるようになっています。

⑤ お役立ち情報・コラムページの開発
SEO強化とユーザー満足度向上のため、
・コラム記事投稿機能
・カテゴリー・タグによる記事分類
・関連記事の自動表示
などを備えたブログ機能を開発しました。
記事はWordPressライクなエディタで投稿でき、社内スタッフがスムーズにコンテンツを追加できる運用を実現しています。

⑥ SEO最適化 & 高速化対応
サイト全体のSEO設計を行い、
・メタタグや構造化データ（Schema.org）の実装
・検索エンジン向けのURL構造の最適化を行いました。
また、サイトパフォーマンスを向上させるために
・画像の最適化
・Lazy Load
・キャッシュ制御
を実装し、Core Web Vitalsにも対応。表示速度を大幅に改善しました。

⑦ レスポンシブ対応 & アクセシビリティ
すべてのデバイス（PC・タブレット・スマートフォン）で快適に閲覧・操作ができるよう、レスポンシブデザインを採用し、
・タッチ操作に最適化したUI
・読みやすいフォントサイズとコントラスト比
など、アクセシビリティも考慮した設計を行いました。

⑧セキュリティ対策
ユーザー情報とレビュー機能を守るために、
・SSL/TLSによる通信の暗号化
・スパム投稿防止のためのreCAPTCHA導入
・SQLインジェクションやXSS対策
など、セキュリティを強化する実装も行いました。

Haicreative