web

架空クリーニング店サイト

web
サンプルHP【クリーニングLAB。| TOP】 | Rain-Portfolio
Rainが作成した架空クリーニング屋さんのwebサイトになります。

作成経緯

1回目の転職の際に、ポートフォリオ掲載用にエントリーしていた某クリーニング屋さんのサイトを参考に作成したサイトです。
当時の企業さんには制作担当者さんは在籍しておらず、サイトもひと昔のものを使用していたため、リメイク案として作成提案いたしました。

制作時期

2019年6月から作成開始。
制作期間: 約3ケ月

 

担当分野

新卒時代にJava scriptも多少は学んでいたのですが、使用方法等に理解がなかったため、すべてHTMLとcss(Bootstrap)で構築する前提で以下を作成しました。
※在籍していた部署のコーダーさんから「デザイナーさんはフロント回りだけ知っていれば中身についてはシステムエンジニアが作成するときに癖があると困るので作成しないで良い」と言われていたこともあったため

  • バナーの制作
  • 要件定義~HP内文言作成
  • デザイン(ワイヤー / サイト内コンテンツ撮影 / 画像加工 / デザイン)
  • システム回り以外のHTML+CSSコーディング(jsは含まない)

作成するうえで考慮した点
  • コンセプト: クリーン、潔白、サービスが明白
  • 寒色寄りのパステルカラー: 清潔感、謙虚さを表現
  • どのようなサービスを受けられるか、どこにお店があるのか分かる
  • 参考サイトがレスポンシブでなかったのでレスポンシブでも分かりやすい設計にする