※ サンプル画像をクリックすると拡大表示されます

サンプル タイトル 説明 使用ツール 制作
時間
ワイヤーフレーム1 DentalClinicワイヤーフレーム このワイヤフレームは、見やすさと配置を意識して制作しました。 Figma 15日
制作背景
歯科医院のWebサイトを想定し、 初診の患者でも安心して利用できる構成を目的に ワイヤーフレームを制作しました。
目的
診療内容や予約導線を分かりやすく整理し、 ユーザーが迷わず情報に辿り着ける設計を行いました。
デザインで工夫した点
情報の優先順位を意識し、 視線の流れに沿ったレイアウトを設計しました。 スマートフォン閲覧も考慮した構成にしています。
学び・反省
情報量が多いサイトほど整理が重要であると学びました。 今後はさらにユーザー目線での取捨選択を意識したいです。
サイト１ DentalClinicのワイヤーフレーム 上のワイヤーフレームに画像をはめ込みしたバージョンです。 Figma 10日
制作背景
ワイヤーフレームをもとに、 実際の画像やビジュアル要素を配置した デザイン検証用の画面を制作しました。
目的
設計した構成や導線が デザイン反映後も機能するかを確認することを目的としました。
デザインで工夫した点
清潔感と安心感を意識しながら、 ワイヤー段階の構造を崩さずにデザインを反映しました。
学び・反省
ワイヤー設計の精度が完成度に直結することを実感しました。 初期設計の重要性を改めて学びました。
miso+ CONTACT ME！

ご依頼・ご相談はこちら

CONTACT