Webサイト制作(課題①)

OVERVIEW

SHElikes内Webデザインコースの課題で架空ファッションブランド公式サイトを制作しました。要件定義からデザイン、コーディングまで取り組みました。

YEAR 2023

〇ブランドについて

架空のブランド「633/0(ロクサンサンゼロ)」。20代後半から30代女性がターゲットのモード系ファッションブランドという設定です。

〇要件

サイトの概要・制作目的

・ブランドの世界観を伝え、魅力を感じた人の購買意欲を高める。

・ファッションへの感度を高め、自身を磨くきっかけにしてもらう。

・コーディネートの参考にしてもらう。


サイトのターゲット

・何かにインスピレーションを求めるファッション好きの20代、30代女性

・流行などに対し感度が高い人

・ブランドを知らない人


デザインイメージ

・モダン、モノトーン、シンプル  ・ハイクラス感


ペルソナ… 井上 葵(女性、28歳) ”自分らしさ”がほしい

・東京都目黒区在住 会社員(事務職)

・趣味 美術鑑賞、映画鑑賞 インドア派

・ミーハーなので、漠然と、おしゃれになりたいと思っている

・確立した自分らしさがほしい

・自分の好き/らしさをファッションを通して表現したい

〇サイト制作

WF(制作期間:約4日)

デザインカンプ(PCのみ)(制作期間:約4日)

〇工夫した点

・モノトーン、シンプルな世界観が表現できるような色調、フォントを選んだ。

・画面上部から下部へスクロールしていく中での閲覧者の心境の変化をイメージし、興味を持った人がブランドについてより詳しく知りたいと思う/容易にアクションを起こすことができる構成になるよう意識した。


コーディング(制作期間:約14日(全体の記述10日、調整4日))

下記Googleドライブ上のフォルダにHTML/CSSファイルを格納してあります。

〇制作をとおして気づいた点、学んだ点

・制作目的やターゲット層のことを考えながらデザインしていましたが、ブランドの公式サイトという設定をしてしまったためか、デザイン基本4原則(特に反復)を意識できていない部分がありました。次にデザインから制作する際は、基本を怠らないように注意して取り組みたいと思います。

・この課題は初めて一から自分でコーディングをした作品になります。HTMLとCSSの基本的な知識は得ているつもりでしたが、いざ自分の力でコーディングをすると、スムーズには進みませんでした。特にCSSについては整理して記述することに時間がかかり、まだまだだと感じたため、これから数をこなして技術を向上させていこうと思います。