SWELLのウィジェットエリアが一目で分かるサイトを作りました >>

Snow Monkeyと類人猿を活用したサイト制作例

Snow Monkeyと類人猿を活用したサイト制作例

この記事は Snow Monkey / unitone Advent Calendar 2022 の9日目の記事です。

先日、制作事例としてこちらの記事をアップしていたのですが、Snow Monkeyのアドベントカレンダーに初参加してみるために改めて詳細を書いてみることにしました!
初めましての方が多いかと思いますが、よろしくお願いいたしますm(_ _)m

もくじ

Snow Monkeyを採用した経緯

今回ご依頼いただいたのは、ネイルサロンとネイルスクールを経営する女性の方です。すでにWordPressで制作されたサイトをお持ちで、リニューアルのご相談を受けました。
サイト制作をする際に、現在のサイトでどんなお悩みを持っているか?どうやって集客していくのか?ここは絶対に譲れない!ポイントと、これは妥協してもいいかな…と思う点などをヒアリングしていきます。

ざっくりと、以下のようなお悩みをお持ちでした。

  • 旧サイトは2013年に制作会社に依頼して作ったもので、制作会社と連絡が取れなくなってしまった
  • ログインできなくなり、画像や文章の編集ができなくなってしまった
  • オリジナルテーマなので、WordPress本体の更新ができない(しない)仕様である
  • 今後は特定の制作会社に依存せず、できるところは自分でメンテナンスしていけるように作り替えたい
  • 旧サイトはブログ記事が1,000記事ほどあり、今のデータは別のドメインに移して、全く新しいサイトとしてリニューアルされたいとのご希望だったため、サイトのお引っ越し・全てのページのフルリニューアルをしたい
  • 固定客が多い・インスタでの集客がほとんどなので、SEOと言うよりはデザイン重視でいきたい
  • 大人かわいいデザインにしたい

当ブログではSWELLをメインで使うことが多いですが、今回はすでに固定のお客様をお持ちで、SEOでの集客が目的と言うよりはサロンの情報整理やブランディングがメインである・上品で大人なオシャレさを出したいとのご希望を受け、Snow Monkeyを採用しました。

個人的に、Snow Monkeyは余白の取り方などから”上品なデザイン”にしやすいと感じています。
依頼者様の「大人かわいい」を表現するため、また「今後は自身で管理できるように」とのことで、定期的にメンテナンスが行われていること・CSSでのカスタマイズが最小限にできる魅力的なブロックが多く用意されている点を踏まえて、Snow Monkeyを採用することにしました。
(アップデートなどのサポートは、納品後にも行います)

そして、Snow Monkey専用の魅力的なブロックを追加できるプラグイン”類人猿”も追加して制作を進めました。

制作後のスクリーンショットなどなど

サイトのメインカラーはゴールドをご希望で、全体的に”上品で大人かわいい”印象で制作しました。
ゴールドの色味は非常に難しく(ベージュすぎたり黄色くなったり)、いくつか候補を出しながら話を深めていき、お好きなカラーを見つけていきました。

トップページ

↓デスクトップ枠内をスクロールできます↓

ネイルサロンRose Crea様
  • メインビジュアルはスライダー
  • ブライダルネイルの正方形画像ギャラリーはPC表示では6枚の横並び、タブレットでは3枚ずつ・スマホでは2枚ずつのスライダーに切り替え

制作についてのコメント

ネイルスクールの講師もされている超ハイレベルなネイリストさんであるため、魅力的で美しい写真をたくさんお持ちでした。今回はご依頼者様にご用意いただいた写真が全部素敵だったおかげで、自分でも想像していた以上の、ものすごく綺麗なサイトになりました。

以前に一度サイトのリニューアルを検討されたことがあり、「その時ライターさんに書いてもらった文章がある」との事だったので、そちらの文章も使わせていただきました。

各固定ページのアイキャッチは、ネイルチップの制作画像を設定しています。
誰も気が付かないような小さなこだわりですが、固定ページのタイトルは赤みのあるグレーでシャドウをつけています。背景にアイキャッチがあるので視認性を良くするのはもちろん、少し赤みのある色にすることで、じんわりと血色感のあるアンニュイな雰囲気を出せます。

サイトのフルリニューアルに加え。旧サイトの別ドメインへのお引越し・アナリティクスのGA4切り替えなど盛りだくさんの作業内容となりました(*^_^*)

個人情報は隠していますが、制作事例の掲載許可はいただいています。

“大人かわいい”とは?

そもそも”大人かわいい”とはなんぞ???????と思いますよね。非常に難しいです。
「可愛い感じ」「高級感出して」「スタイリッシュな感じで」などは永遠に答えが見つからない問題かもしれません。皆さんはどのように情報収集していらっしゃるでしょうか…

デザイン本や女性ファッション誌を参照するのは王道ですが、私はその他にネイリストのインスタグラム、プチプラ価格帯のコスメ、ランジェリーブランドのバナーを参考に情報収集することが多いです。

ネイリストのインスタグラムは、トレンドのカラー・柄・季節感・装飾の使い方などが”爪”の限られたスペース内に表現されるので、非常に参考になります。

プチプラ価格帯のコスメの新作アイシャドウパレットの配色・アイシャドウの塗り方は、印象ごとの変化をみるのにぴったりです。「クールな印象に」「柔らかい印象に」「キュートな印象に」「デートの時に」「女子会に」「ナチュラルな印象に」「アンニュイな感じに」など、同じ色でも印象ごとのちょっとした変化を加える際のポイントを見ることができます。
“プチプラ価格帯”とあえて書いたのは、デパコス(いわゆるハイブランド)は、日本人のトレンド感をピンポイントで拾えないからです。ちょっと重厚感がありすぎたり、日常的なものというよりは”特別な感じ”になってしまうので、私の求めているものとは少し違います。

フォントや文字装飾の使い方は、下着メーカーの公式LINEで送られてくるバナーが非常に参考になります。(個人的なおすすめはピーチ◯ョン)
「ふんわり」「もっちり」「しっとり」「ぷりっと」「むちっと」「さらっと」といった擬音が文字装飾で表現されており、ランジェリーの価格やコンセプトごとに変化があって、非常に勉強になります。

おそらくトレンドによって”大人かわいい”は変化すると思いますし、23歳の思う”大人かわいい”と30歳の思う”大人かわいい”にも違いが出るので、ある程度引き出しを増やしておくと安心だと思います。
ご依頼者様に画像や色の候補を細かくお見せして、イメージのすり合わせを行うのは大変な作業ですが、個人的にはとても好きな工程です。

読んでいただきありがとうございました!

長くなってしまいましたが、読んでいただいた方に感謝申し上げますm(_ _)m

去年よりSnow Monkeyのアドベントカレンダーに参加してみたいな…と思っていたのですが、私なんかが…と恐縮してしまい、参加できずにいました。今年はちょっとしたきっかけがあり、えいや!と勇気を出すことができましたm(_ _)m(他の方のような有益な記事ではないので、申し訳ないのですが…)

余談ですが、Snow Monkey エキスパートのオレインさん(@Olein_jp)が販売しているSnow Monkeyのバケハを愛用するなどしています。
Snow Monkeyグッズ販売ページ

Snow Monkeyのバケハを被って自撮りするアラサー

今後もSnow Monkeyを活用させていただきます!よろしくお願いいたしますm(_ _)m

きっかけになった、Snow Monkey エキスパートのオレインさん(@Olein_jp)とSnow Monkey制作者のキタジマさん(@inc2734)のYouTube配信

\このブログが役に立ったら/

上手くいったらシェアしてね!
  • URLをコピーしました!

お気軽にどうぞ!

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

もくじ