アスタリフトメン様のウェブサイトリニューアルにおいて、トップページおよび主要下層ページのデザイン・実装を担当させて頂きました。

今回は、ブランドが持つ世界観をより引き出すため、メインデザイナーがこれまで培ってきたアパレル・コスメ系デザインの経験を活かし、コンセプトカラーを軸とした新たなレイアウトやビジュアル表現をご提案。デザイン制作からスマートフォン表示まで、ユーザー体験を意識した設計を行いました。

また、制作段階ではデザイナーとコーダーが密に連携し、デザインの意図や細かな表現方法を共有。単にデザインを再現するだけではなく、ブランドイメージを損なわない実装品質にもこだわりながら、一貫した制作体制で進行致しました。

今回のリニューアルでは、トップページをはじめ主要な下層ページを対象に改善を行いましたが、既存ページを一部残した状態でのリニューアルとなりました。また、納品後もキャンペーンページを継続的に追加していく予定があったため、新旧ページが混在してもブランドイメージにズレが生じないよう、全体のトンマナを意識して制作致しました。

カラー設計やレイアウト、写真素材の見せ方、余白バランスなど細部まで調整し、既存ページとの統一感を保ちながら、スマートフォンでも快適に閲覧できるデザイン設計を行いました。

また、制作環境としてセキュリティ上CMSを利用できない条件だったため、静的HTMLでの実装を採用。さらに、既存のアコーディオンメニュー機能を継続利用するというご要望にも対応し、新規ページと既存ページ間で表示や操作感に差異が出ないよう、コーディング面でも細かな調整を行いました。

リニューアル後、デザイン面や制作全体の品質についてブランドご担当者様より評価のお言葉を頂き、継続的にキャンペーンページのデザインおよびコーディングも担当させて頂きました。

今回の制作では、既存ページとの統一感やブランドイメージを大切にしながら、今後の展開にも柔軟に対応できる設計を意識。デザインから実装まで一貫して携わることで、継続的なサイト運用を支える制作体制づくりにも取り組ませて頂きました。