見出し画像

サイト構成の提案課題

ポートフォリオのフィードバックを待つ間、もう一つ課題に取り組んでみました。今期のスクール課題は全部で10個あり、課題8がポートフォリオデザイン、課題9がポートフォリオコーディング、そしてラストはサイト構成の提案。ポートフォリオコーディングまでたどり着いたので、最後に欲を出してコンプリートを目指すことに!

ラストの課題は、ズバリ「女性専用パーソナルジムのサイトマップとワイヤー制作」。ヒアリングシートのみが与えられている状況で、サイト構成を考えて、TOPページと下層1ページのワイヤーを作成するというものです。早速ヒアリングシートを熟読して、とりかかってみることにしました。

まずは紙の上にサイトマップを作成。「TOPページ」から線をのばして「初めての方へ」「料金プラン」「スタッフ紹介」「店舗紹介」「お問い合わせ・ご予約」の5ページを下層に組み込むことにしました。
そして、それぞれのページに掲載する項目をざっと決定。
できたサイトマップをパワーポイントに落とし込んでいきました。

ここまできたら、どういうデザインにするか頭の中にざっくりイメージができてきたので、これまたスケッチ帳にラフスケッチを描いていきます。ヒアリングシートに参考にしたいイメージのサイトや、使いたい色の記載があったので、それに忠実に従うように努めました。これまで「すずらん整骨院」のサイトも自分のポートフォリオサイトも、割とフェミニンな感じに寄っていったので、今回はパキっとした配色でクールなイメージを目指してみました。とはいいつつも、「ライザップみたいに強いのはあまり好みではない」という要望だったので、クールながらも、がっつりコミットするような感じを出さないよう心掛けました。

イメージが固まってきた段階で、素材探し。ここは割と時間をかけずに15分程度で素材が揃いました。で、いざXDで作成!XDも随分慣れて、学びたての頃に比べ、数倍の速さで作業できるようになりました!成長成長!
とりあえず、できたのがこちらです。

画像1

(↑ TOPページ)

画像2

(↑ 下層ページのうち1ページ)


この後修正が入るので、受講期間内に完了するかは分かりませんが、できるところまで何とか進めていきたいと思います。