WORKS

制作の背景

初診患者が医院の雰囲気、診療内容、アクセス方法を確認した後、予約へ進む場面を想定した架空の歯科医院サイトです。ビジュアルデザインは既存カンプを使用し、カンプの情報構造を画面上で正確に再現するコーディングに集中しました。

工夫した点

• 診療内容、医院情報、予約への入口という優先順が崩れないよう、画面構造を実装しました。
• PCの情報量を保ちながら、スマートフォンでは文字や操作要素を追いやすい配置に切り替えました。
• 主要ページから予約関連の操作へ進めるよう、リンクとボタンの配置をカンプに沿って実装しました。

担当範囲

デザインは既存のデザインカンプに基づく（架空案件）

制作の背景

個人教室オーナー・小規模サロン経営者が、Web制作の依頼先を比較する時に必要な情報を整理するために制作しました。新しくサイトを作りたい人と、既存サイトを見直したい人では検討内容が異なるため、制作サービスとサイト診断を別ページで案内しています。

工夫した点

• 新規制作とサイト診断・改善サポートを分け、相談内容に合う入口を設けました。
• プラン内容、追加対応、モニター価格を比較しやすい順番で配置しました。
• 実績、サービス、自己紹介、問い合わせの関係を整理し、検討段階に合わせて移動できる構成にしました。

担当範囲

制作の背景

ハンドメイド作品に興味を持った人が、ワークショップ参加に必要な情報まで自然にたどれるサイトを目指しました。作品写真の印象を保ちながら、開催日、内容、参加方法を確認しやすい構成を設計しています。

工夫した点

• 作品写真を見せる余白と、開催情報を確認する領域を分けました。
• 日程、内容、対象者、参加方法を探しやすい順番で整理しました。
• 写真の印象を保ちつつ、スマートフォンでは開催情報を読み取りやすい並びに調整しました。

担当範囲