top of page
Hair Dayは、カット・カラー・スタイリングを専門とするブティックヘアサロンです。
このプロジェクトは、CourseraのMeta Front-End Developmentコース最終課題のために設定された架空の企業をベースにしています。
最終課題の指示ではランディングページの制作のみが求められていましたが、私はそれを拡張し、スタイリスト紹介 、ブログ、予約ページを含むウェブサイト全体を設計・構築しました。
※すべての画像およびロゴは、それぞれの提供元（Meta/Coursera.comおよびUnsplash.com）に帰属します。
使用tツール
-
Figma
-
Adobe Illustrator
-
Visual Code Studio
-
Github
チーム
-
UIデザイナー・フロントエンド1名
私の役割
-
UIデザイナー（ウェブサイトのレイアウト構成および情報アーキテクチャの設計）
-
フロントエンド（HTMLとCSSによるウェブサイトの構築）
タイムライン
-
全体期間：2週間以上
-
デザインと反復：2日
-
フロントエンド開発：2週間
情報アーキテクチャ
ウェブサイトの構造は、ホーム、スタイリストチーム紹介、ビューティー＆ヘルスブログ、予約フォームの4つのメニューを基本としています。
そのほか、月ごとのプロモーションに応じて追加ページが設けられる場合があります。
ワイヤーフレーム
アプリケーションの情報構造のマッピングを確定した後、レイアウトの基盤となるワイヤーフレームを作成しました。
モックアップ
ワイヤーフレームが確定した後、モックアップを作成し、フロントエンド開発に入る前の最終ビジュアルを完成させました。
ご覧頂きありがとうございました！
bottom of page