こんにちは。
埼玉川口市で活動しているWEBエンジニアのとしです！
６月にご依頼をいただいていた、仙台と札幌で展開しているネイルサロン、アイラッシュサロンのbalance様からのホームページリニューアルが完了しました。
実績として掲載の許可をいただきましたので、この記事では制作内容についてお伝えしたいと思います。
ご依頼背景
リニューアル前のサイトはシンプルで見やすいデザインで、WordPressの様なCMSはつかっておらずHTML＋CSSで制作されていました。
またレスポンシブデザインで制作されていました。
今回ご依頼いただいたのは、店舗が数店舗増えたことによる店舗の追加を行いたかったこと、特に更新に力を入れているInstagramをトップページに表示したいというのがメインのご要望でした。
今回のご要望を纏めると
- トップページにInstagramを埋め込みたい
- 店舗の追加に伴って、表示内容を変えたい
- ネイルデザインとアイラッシュのギャラリーページが欲しい
- リクルート専用のページを作りたい
- レスポンシブデザインでの制作
といったご要望を元に制作を致しました。
今回もWordPressではなく、HTMLでの制作を希望されました。
理由は、ニュースなどの更新は行わないためです。
WordPressの場合はシステム上ブログのページが出来てしまうため、ニュースが不要の場合はWordPressを使う必要が無く、またセキュリティリスクも断然に下がるため、HTMLでの制作となりました。
ご依頼内容
ご依頼内容はデザイン制作からのHTML+CSSでのホームページ制作のご依頼となりました。
制作フローは以下の工程となります。
今回の制作の特徴
サイト全体
balance様のコンセプトカラーがピンクでしたのでピンクを基調としたデザインにしました。
サイトの背景や、下層ページの見出しにはbalance様の店舗でも使われている模様を背景として配置しております。
マウスを画像に当てると、キラっと光るエフェクトも実装しています。
トップページ
トップページを見たお客様が一目でどんなネイルサロンか、どんなコンセプトでどんな特徴をもったサロンかを知ってもらうためにトップページを見ただけでも情報が伝わるデザインにしました。
またレスポンシブデザインですので、スマホで見た際もPCと大きく変わらないデザインになっています。
ギャラリーページ
ギャラリーページはネイルのデザインが標準では全て表示する様になっていますが、デザインメインをクリックする事でリアルタイムでアニメーションによる絞り込みによって表示される様になっています。
メニュー、こだわり、リクルートページ
サロンメニュー、こだわり、リクルートページの中ではタブによるリアルタイムの切替が出来るようになっており、見る人のストレスを軽減するようにしています。
制作期間
実質３ヵ月での納品となりました。
お打ち合わせ回数は、工程表通りの４回で、主な連絡はメールでやり取りさせていただきました。
制作が完了して
以上で制作内容の説明が終わりますが、今回の制作ではお客様の方で多くの素材をご用意していただいたので、とても効率良く制作を進めることができました。
ホームページ制作においては、実際は丸投げで制作と言うよりもコンテンツ部分の表現方法の確認やコンテンツの制作などお客様の協力も必要です。
こういった部分でご協力頂けると、今回のようにスムーズに制作が完了します。
コメント