Emi Komiyamaのポートフォリオサイト

ホームページ / クライアントワーク(進行中)

実践空手道 心学館様

実践空手道 心学館様ホームページデザイン
担当内容
ヒアリング / 情報設計 / ワイヤーフレーム作成 / デザイン / コーディング
使用ツール
Photoshop / Dreamweaver / コンテンツメーカー(お知らせ)/ スグフォーム(お問い合わせフォーム)/ フリーカレンダー(稽古日程)/ WordPress

既存サイトのリニューアルご希望とのことで、制作を受注しました。

実践空手道 心学館様(案)
東京都町田市にある、スペシャルティコーヒーに特化したカフェ
ペルソナ
近隣で空手教室を探している人
現在教室に通っている生徒さんと保護者の方
サイトの目的
(1)生徒さんや保護者の方への連絡
(2)入会希望者からのメール問い合わせ 及び 見学や体験の希望受付
流入経路
インスタグラム・検索エンジン
サイトコンセプト
清潔感があり、かつ極真空手の「怖そう」「厳しそう」というイメージを抑え、親しみやすい印象にする
デザインコンセプト
シンプルな構成にし、閲覧者のストレスを無くす
ゴシック体を中心に使い、視認性を向上
清潔感がある色調で統一し、道着の色である白を基調とする

サイト設計

【トップページ】
生徒さんや保護者の方への連絡事項やスケジュール確認がメインということで、まずお知らせとカレンダーを上部に表示
FVは一目で空手教室であることがイメージ出来る画像を選定
メインビジュアルは仮画像として配置していたが、クライアント様が気に入ってくださったため、このまま採用
クライアント様側での更新が容易に出来るよう、外部PHP等を導入したものの、操作が煩雑になるため、WordPressで一括管理できる形へ移行中
【Contact】
セキュリティのため、スグフォームを設置
Wordpress移行後は、WordPressに切り替え予定

PAGE TOP ▲