つくって終わりにしない、公開後も動き続けるサイト。

一台ごとに仕立てる内装という、写真でしか伝わらない商材。施工前後を並べて見せる構成を軸に、世界観を伝えるブランドサイトと、実際に購入まで進めるオンラインストアを1つのサイトにまとめました。

• 施工実績・ビフォーアフター・素材紹介を、写真主役の構成で設計
• 商品ページから購入までの導線と、決済まわりの環境を構築
• 日本語／英語の切り替えに対応し、海外からの閲覧も想定
• 商品・実績・お知らせを自社で更新できる管理画面を用意

許認可や相続の手続きは、何を頼めばいいのか分からないまま問い合わせをためらわれがちです。「わからないことは、遠慮なく、聞いてください。」を軸に、対応できる案件と料金の目安を先に開示し、迷わず相談できる構成にしました。

• 縦書きの見出しと写真の組み合わせで、士業らしい落ち着きと親しみを両立
• 対応案件・料金の目安を先に見せ、問い合わせ前の不安を減らす構成
• AIチャットを設置し、営業時間外でも一次的な相談を受けられる状態に
• お知らせの更新と問い合わせの管理を、事務所側で完結できる管理画面を用意

黒をベースにグリーンとパープルを効かせ、投手のシルエットと投球の軌道を大きく置いた野球アカデミーのサイトです。投球指導・トレーニング・クラブをそれぞれの入口から選べるようにし、計測を使った指導の考え方と相談への流れを一続きに設計しました。レポートは実在選手の分析ではなく、表示例として画面構成と確認項目を伝えています。

• 黒・グリーン・パープルの配色と、投手のシルエット・軌道で、データを使う投球指導を表現
• 投球指導・トレーニング・クラブを、それぞれの目的から選べる導線に整理
• Instagram DMへ進む相談導線と、送信前に内容を整える文面作成画面を用意
• 公開チャットとレポート表示例を分け、投球に関する一般的な見方を案内

白とネイビーを基調に、診療科、症状、アクセス、電話・予約方法の案内を、受診前の確認順に並べた医院サイトです。見出しと本文にメリハリをつけ、文字サイズは標準・大・特大から選べる設計にしました。診療情報から症状・疾患ガイドへ進む導線と、スタッフ・お知らせを更新できる画面を組み合わせ、日常の案内を見通しよくまとめています。

• 白とネイビーの配色と余白で、診療情報を落ち着いて読める画面に整理
• 文字サイズを標準・大・特大から選べる設計にし、表示全体へ反映
• 診療科・症状・疾患ガイド、アクセス、電話・予約方法の案内をつなぐ導線
• お知らせ、スタッフ、設備、求人などを扱う管理画面を実装

淡い海の青を基調に、船・海底・港の関係をイラストでたどりながら、水中土木の仕事を伝える採用サイトです。「海が好き。」という言葉を起点に、応募する人の状況、職種、気になる不安から情報を選べる入口を設けました。仕事、人と職場、募集要項を段階的につなぎ、職種紹介は取材前の構成サンプルであることを画面上でも示しています。

• 淡い海の青と船・海底・港のイラストで、水中土木の仕事を視覚的に伝える構成
• 応募する人の状況、職種、気になる不安から情報を選べる入口を設計
• 仕事、人と職場、募集要項、よくある質問を段階的につなぐ採用導線
• 職種ごとにイラストと1日の流れを組み合わせ、働く姿を具体的に伝える構成