CREATOR BLOG

制作実績「株式会社サクラマチ」フェーズ2

My Works 2021.09.08

株式会社サクラマチ様のWebサイトのフェーズ2を公開
URL : https://www.sakura-machi.co.jp/
CMS : WordPress
レスポンシブデザイン
常時SSL接続
デザイン〜HTML/CSS/JavaScriptコーディング〜Wordpressテーマ化まで一括で制作。

フェーズ1は、トップページにコーポレートサイトとして必要最低限なコンテンツをすべて入れる形で公開しましたが、フェーズ2ではトップページのコンテンツを整理し、セカンドページに振り分けたり、さらに必要なコンテンツ追加した形で公開しました。
追加ページは、会社案内、PB商品関連、お知らせなどです。

デザイン&コンセプト

PCトップページ
PCトップページ BigHero

コンセプトはフェーズ2と同じく、イメージカラーとして、ピンク(#ffc4cd)を中心とし、商品の対象が対象は30代~の女性が中心となるため、大人可愛らしいイメージで作成。

会社案内などは普通の会社っぽくない、遊び心がある感じをご希望とのことで、特に会社の沿革ページなどは普通のレイアウトではない構成でデザインをし、スクロールに連動したアニメーションを加えています。

会社の沿革ページ

https://www.sakura-machi.co.jp/aboutus/history/

変わったレイアウトを実現するために専用のWPのGutenbergカスタムブロックを作成しています。

管理画面上のカスタムブロッックのスクリーンショット
管理画面上のカスタムブロッック 入力もわかりやすく制作

その他、コンテンツに合わせたカスタムブロックを何点か作成しより入力しやすいようにカスタマイズしております。

PB商品ページのレイアウトも動きがあるデザインをご希望でしたので、スクロールに連動して各商品の表示の仕方に工夫を入れています。

スクロールに連動したアニメーション

https://www.sakura-machi.co.jp/products/catarchives/skin-care/

 

    ▲ PAGE TOP