Webサイト制作(課題①)
SHElikes内Webデザインコースの課題で架空ファッションブランド公式サイトを制作しました。要件定義からデザイン、コーディングまで取り組みました。
〇ブランドについて
架空のブランド「633/0(ロクサンサンゼロ)」。20代後半から30代女性がターゲットのモード系ファッションブランドという設定です。
〇要件
サイトの概要・制作目的
・ブランドの世界観を伝え、魅力を感じた人の購買意欲を高める。
・ファッションへの感度を高め、自身を磨くきっかけにしてもらう。
・コーディネートの参考にしてもらう。
サイトのターゲット
・何かにインスピレーションを求めるファッション好きの20代、30代女性
・流行などに対し感度が高い人
・ブランドを知らない人
デザインイメージ
・モダン、モノトーン、シンプル ・ハイクラス感
ペルソナ… 井上 葵(女性、28歳) ”自分らしさ”がほしい
・東京都目黒区在住 会社員(事務職)
・趣味 美術鑑賞、映画鑑賞 インドア派
・ミーハーなので、漠然と、おしゃれになりたいと思っている
・確立した自分らしさがほしい
・自分の好き/らしさをファッションを通して表現したい
〇サイト制作
WF(制作期間:約4日)
デザインカンプ(PCのみ)(制作期間:約4日)
〇工夫した点
・モノトーン、シンプルな世界観が表現できるような色調、フォントを選んだ。
・画面上部から下部へスクロールしていく中での閲覧者の心境の変化をイメージし、興味を持った人がブランドについてより詳しく知りたいと思う/容易にアクションを起こすことができる構成になるよう意識した。
コーディング(制作期間:約14日(全体の記述10日、調整4日))
下記Googleドライブ上のフォルダにHTML/CSSファイルを格納してあります。
〇制作をとおして気づいた点、学んだ点
・制作目的やターゲット層のことを考えながらデザインしていましたが、ブランドの公式サイトという設定をしてしまったためか、デザイン基本4原則(特に反復)を意識できていない部分がありました。次にデザインから制作する際は、基本を怠らないように注意して取り組みたいと思います。
・この課題は初めて一から自分でコーディングをした作品になります。HTMLとCSSの基本的な知識は得ているつもりでしたが、いざ自分の力でコーディングをすると、スムーズには進みませんでした。特にCSSについては整理して記述することに時間がかかり、まだまだだと感じたため、これから数をこなして技術を向上させていこうと思います。