TEDASKは埼玉県川口市のフリーランスWEBエンジニアが運営するホームページです。WordPressによるウェブサイト制作からWEB制作に関するお悩み解決をお手伝いしています!

TEDASK(テダスク)

お仕事 制作実績

【balance様】HTML+CSSによるホームページ制作を行いました

更新日:

こんにちは。

埼玉川口市で活動しているWEBエンジニアのとしです!

6月にご依頼をいただいていた、仙台と札幌で展開しているネイルサロン、アイラッシュサロンのbalance様からのホームページリニューアルが完了しました。

実績として掲載の許可をいただきましたので、この記事では制作内容についてお伝えしたいと思います。

制作フロー
ホームページ制作

こんにちは。 埼玉県でホームページの制作を行っていますテダスクのToshi Seitoです。 TEDASKではデザインからコーディングまで一貫したホームページ制作を承っております。 お客様がホームペー ...

続きを見る

 

ご依頼背景

リニューアル前のサイトはシンプルで見やすいデザインで、WordPressの様なCMSはつかっておらずHTML+CSSで制作されていました。

またレスポンシブデザインで制作されていました。

今回ご依頼いただいたのは、店舗が数店舗増えたことによる店舗の追加を行いたかったこと、特に更新に力を入れているInstagramをトップページに表示したいというのがメインのご要望でした。

今回のご要望を纏めると

  • トップページにInstagramを埋め込みたい
  • 店舗の追加に伴って、表示内容を変えたい
  • ネイルデザインとアイラッシュのギャラリーページが欲しい
  • リクルート専用のページを作りたい
  • レスポンシブデザインでの制作

といったご要望を元に制作を致しました。

今回もWordPressではなく、HTMLでの制作を希望されました。

理由は、ニュースなどの更新は行わないためです。

WordPressの場合はシステム上ブログのページが出来てしまうため、ニュースが不要の場合はWordPressを使う必要が無く、またセキュリティリスクも断然に下がるため、HTMLでの制作となりました。

 

ご依頼内容

ご依頼内容はデザイン制作からのHTML+CSSでのホームページ制作のご依頼となりました。

制作フローは以下の工程となります。

制作フロー

 

今回の制作の特徴

サイト全体

balance様のコンセプトカラーがピンクでしたのでピンクを基調としたデザインにしました。

サイトの背景や、下層ページの見出しにはbalance様の店舗でも使われている模様を背景として配置しております。

マウスを画像に当てると、キラっと光るエフェクトも実装しています。

 

トップページ

トップページを見たお客様が一目でどんなネイルサロンか、どんなコンセプトでどんな特徴をもったサロンかを知ってもらうためにトップページを見ただけでも情報が伝わるデザインにしました。

またレスポンシブデザインですので、スマホで見た際もPCと大きく変わらないデザインになっています。

制作事例

 

ギャラリーページ

ギャラリーページはネイルのデザインが標準では全て表示する様になっていますが、デザインメインをクリックする事でリアルタイムでアニメーションによる絞り込みによって表示される様になっています。

制作事例

 

メニュー、こだわり、リクルートページ

サロンメニュー、こだわり、リクルートページの中ではタブによるリアルタイムの切替が出来るようになっており、見る人のストレスを軽減するようにしています。

制作実績

 

制作期間

実質3ヵ月での納品となりました。

お打ち合わせ回数は、工程表通りの4回で、主な連絡はメールでやり取りさせていただきました。

 

制作が完了して

以上で制作内容の説明が終わりますが、今回の制作ではお客様の方で多くの素材をご用意していただいたので、とても効率良く制作を進めることができました。

ホームページ制作においては、実際は丸投げで制作と言うよりもコンテンツ部分の表現方法の確認やコンテンツの制作などお客様の協力も必要です。

こういった部分でご協力頂けると、今回のようにスムーズに制作が完了します。

 

その他の制作実績

制作実績80'sCafé様

お仕事 制作実績

【80'sCafé様】WordPressによるホームページ制作を行いました

こんにちは! 埼玉県川口市で活動しているフリーランスエンジニアTEDASKのとしです! この記事はWordPressについて専門で書いているサイトに移動しましたのでそちらをご覧下さい。 【80'sCa ...

ホームページ制作実績

お仕事 制作実績

【ピアリング株式会社様】HTMLによる1ページホームページ制作を行いました

こんにちは。 埼玉でフリーランスエンジニアをしているTEDASKのToshi Seitoです。 ピアリング株式会社様からご依頼いただいていた、1ページもののホームページの制作が完了しました。 実績とし ...

ホームページ制作実績

お仕事 制作実績

【balance様】HTML+CSSによるホームページ制作を行いました

こんにちは。 埼玉川口市で活動しているWEBエンジニアのとしです! 6月にご依頼をいただいていた、仙台と札幌で展開しているネイルサロン、アイラッシュサロンのbalance様からのホームページリニューア ...

LunaMoth ribbon&scallop

WordPress 制作実績

Portfolioに実績を追加しました

ロリータ系の洋服ブランドのLunaMoth ribbon&scallop様のウェブサイトを制作しました。 WordPressのテンプレートで制作したので、ギャラリーの追加はとても使いやすくなっ ...

朝活英語in浦和

WordPress 制作実績

Portfolioに実績を追加しました

さいたま市浦和区にある英会話サークルの ウェブサイトを制作しました。     WordPressのテーマ制作で躓いたら TEDASKでは個人向けに、マンツーマンのWordPress ...

 

ホームページ制作のご相談について

以下のホームページ制作のご案内をご覧いただき、お問い合わせください。

制作フロー
ホームページ制作

こんにちは。 埼玉県でホームページの制作を行っていますテダスクのToshi Seitoです。 TEDASKではデザインからコーディングまで一貫したホームページ制作を承っております。 お客様がホームペー ...

続きを見る

この記事が気に入ったら
いいね ! しよう

-お仕事, 制作実績
-,