サイト制作実績 | JonysPortfolio

高級車販売サイト(架空)

使用技術

  • HTML5 / CSS3 / JavaScript / PHP / WordPress
  • フルスクラッチテーマ制作、オリジナルプラグイン開発
  • レスポンシブデザイン

高価格帯商材における「ブランド訴求」と「問い合わせ獲得」の両立を目的に、高級車販売サイトを想定して構築しました。 ハイエンドカーの世界観を伝えるため、「漆黒×金色」を基調にしたデザインを採用し、第一印象で価格帯に見合う信頼感を形成します。 黒の静かな存在感とゴールドのアクセントで、ブランドの気品と力強さを視覚的に訴求しています。

ファーストビューにはフルスクリーンビジュアルを採用し、オンラインでもショールーム体験に近い没入感を提供することで滞在率向上を狙っています。 車両在庫はWordPress用オリジナルプラグインで管理し、更新作業の属人化を防ぎながら、スピーディな情報反映を可能にしました。 実運用では、提案スピード向上と問い合わせ機会の最大化につながる構成を意識しています。

車種ごとの魅力が伝わるよう写真サイズと余白を最適化し、比較検討時に情報が埋もれない視線導線を設計しています。 タイポグラフィとボタン挙動は落ち着いたトーンで統一し、高価格帯商材に必要な安心感と品位を維持しました。 問い合わせ導線は検討フローを止めない配置とし、最終的なCV獲得につながる提案型サイトとして仕上げています。

ヨーロッパ風カフェ(架空)

使用技術

  • HTML5 / CSS3
  • フルスクラッチテーマ制作
  • レスポンシブデザイン

新規来店の促進と店舗イメージの定着を狙い、ヨーロッパの街角カフェを想起させるサイトとして設計しました。 白を基調に木目と淡いグレーを差し色として使用し、温かみと上質感の両立によって来店意欲を高める配色にしています。 「主張しすぎない上品さ」を軸に、店舗の世界観に合うトーンでブランド印象を統一しました。

メインメニューには丸形ナビゲーションを採用し、他店サイトとの差別化と印象定着を図りました。 一般的なバー型ではなく、柔らかさと遊び心を感じるUIにすることで、店舗体験に近い親しみやすさを演出しています。 直感操作を意識したホバーアニメーションにより、初訪問ユーザーでも迷いにくく、回遊率向上につながる導線を設計しました。

写真とテキストの比率は、料理・空間の魅力訴求を優先して調整し、情報量が増えても読み疲れしにくいレイアウトにしました。 スマートフォン表示でもブランド体験を損なわないよう、余白とフォントサイズを個別最適化しています。 営業時間やアクセス情報への導線を自然につなぎ、認知から来店検討までをスムーズに進められる構成としています。

地域密着型フリマサイト

受注元

クラウドソーシング

使用技術

  • HTML5 / CSS3 / JavaScript / PHP / wordpress
  • フルスクラッチテーマ制作、オリジナルプラグイン開発
  • レスポンシブデザイン

実装機能

  • ユーザー登録・ログイン
  • 商品出品・編集・削除
  • 商品検索・カテゴリー別表示
  • チャット機能
  • 掲示板

地域内取引の活性化と継続利用率向上を目的に、地域密着型フリマサイトを構築しました。
出品・購入のしやすさを重視したUI/UXを採用し、利用開始時のハードルを下げています。
物品売買に加えて、運営情報の発信とユーザー交流を支える掲示板機能を実装し、コミュニティ形成を後押しします。
既存プラグインでは要件充足が難しいためオリジナルプラグインを開発し、業務要件に合わせた柔軟な運用を可能にしました。
結果として、利用者体験と運営効率の双方を改善できる、拡張性のある地域向けサービス基盤を実現しています。

ユーザー登録から出品、購入、メッセージまでを一連導線として設計し、離脱ポイントを減らす画面遷移にしています。
カテゴリー検索と商品一覧は比較しやすさを優先し、必要情報へ最短で到達できる構成としました。
履歴管理と掲示板運用を組み合わせることで、安心取引の土台を強化し、再訪・再利用につながるサービス設計を実現しています。