
実在するトリミングサロンのサイトを作成しました。
こちらは、職業訓練でサイト制作の授業があった際に作成したものになります。
実際にサイトを作成しようとしていますが、こちらは試作段階になります。
PC専用で作成しております。
サイトはこちらからご覧ください。
作成ツール:VS code
作成言語:HTML、CSS、jQuery
作成期間:約2週間半(企画書:2日、ワイヤーフレーム:2日、デザインカンプ:6日、コーディング:7日)
上記の画像は自分で撮影し、PhotoshopとIllustratorで作成しました。
トップイメージでトリミングサロンとわかる画像、重要情報などを記載して画像を見ただけで大体の情報がわかるように作成しました。
コンセプト:近所の新規のお客様やリピーターを増やしたい
背景色:#fff
メインカラー:#ffe469
サブカラー:##0086cc
差し色:#b00
トリミングはワンちゃんをきれいにするだけでなく元気にしてくれるので、元気らしさを出すために黄色をメインカラーとして持ってきました。
また、黄色は誘目性の特徴があるので、注目情報などに目がいきやすいようにも考えて黄色にしました。
黄色と相性がいい青色をサブカラーとして使用しました。
さわやかさも出したかったので、青色の中でも少し明度をあげた青にしました。
また、この二色ともに相性がいい赤色を差し色として持ってきて、ボタンなどに使用しました。
下記がトップページの写真になります。
サイトをご覧になりたい場合はこちらからご覧ください。
