ピエラス様は「女性の美と愉しさを追求する企業」という企業理念で活躍されてます。主力製品を全面に押し出し、全国で販売されておられます。パッケージデザインはクールなものからイラストを取り入れポップなものまで様々な展開をされており幅広い年齢層にご対応されています。
URL:http://www.pieras.co.jp/
プロジェクトの流れ
構成について
お客様の要望としては、ページ更新はするけどCMSは避けたいというのが大前提でした。というわけで、ニュースはお客様ご自身で更新できるように専用のアップローダーを制作、商品の追加はこちらでデザインからマークアップをおこない更新をするという切り分けにしています。お問い合わせは3種類用意し用途ごとにわけて対応したいのもありました。当時にはレスポンシブはなかったのでパソコン対応(PC対応)のみの構成になっています。
デザインについて
トップページのメインビュジュアルはもちろんのこと、商品ページは商材が華やかになるようにグラフィックを多様したのを提案しています。素材などはその都度、支給していただき素材に合わせてデザインして提出していく流れでやりとりをしています。
コーディング・マークアップについて
ページ追加などが発生することを想定して共通で反映されるようなマークアップを心がけています。例えば見出し、画像、段落、リストなど、ページ単位で使い回せれるように汎用性を重視して、追加ページ時に別途コンテンツの追加が発生しても対応できるようにしています。ページのテンプレートを決めてしまっても多少かわってしまうことも想定しています。またSEOを意識したコーディングをしています。
運用について
ピエラス様のコーポレートサイトを制作したのは、かなり前になりますが今でも変わらず更新をしています。それでもページ崩れなどせず、ページのコンテンツに追加があってもマークアップの設計により柔軟に更新できています。右肩上がりでアクセス数ものびており、ユーザー様にも認知されています。今後の経過も含めて楽しみなWEBサイトとしています。
- コーポレートサイト
- 新規サイト
- 静的サイト