Wix Studioテンプレートモニターで美容系LPを作成しました！
- Yukky
- 5月23日
- 読了時間: 6分
更新日：9月7日
最近「美容系」デザインにハマっています。
ハマっているというと大げさなのですが、私の中では大きな変化で。
興味があったけど、ちょっと縁遠い分野でした。
SNSに流れてくる美容系LPを見たり、薬機法などを耳にする機会が多いので、知っておきたいけどなかなかチャンスがなく。
そんな時に、
Wix Studioの日本語テンプレート登録第1号として、誇るべきWix女子会仲間の、rino design works もりのさん(https://www.rinodesignworks.com/) が、テンプレートモニターを募っていたので、使わせていただく機会をいただきました。
選ばせていただいたテンプレートはこちら。
Wix Marketplace
美容系LPのテンプレートだったので、「これだ！」と思って選ばせていただきました！
Wix Studioは使ったことがあるのですが、まだまだ技術も習熟度も足りないので、勉強させてもらう意味でも最適なタイミングでした。
まず、制作するにあたって、架空のファンデーションを設定して、ChatGPT（無料）に以下のプロンプトを入れて構想を練ってもらいました。
【ChatGTPとのデザイン考案やり取りの流れ】
LPの商材として使う30-40歳代の女性向けの新商品パウダーファンデーションの商品名を考えてみてくれますか？
もちろんです！新商品パウダーファンデーションの商品名を考えてみますね。こちらの商品は30-40歳代の女性向けにターゲットを絞っていますね。
ヴィヴィッドエアー パウダーファンデーション
シルクリフレクション パウダーファンデーション
ナチュラルライト パウダーファンデーション
シアーブレス パウダーファンデーション
グロウスキン パウダーファンデーション
どうですか？これらの中から気に入るような商品名はありますか？他にも何か特定のイメージやキーワードでアプローチしたい点があれば教えてくださいね。
シルクリフレクション パウダーファンデーション いいですね！英語表記にしてくれますか？
嬉しいです！「シルクリフレクション パウダーファンデーション」の英語表記は、以下のようにすると上品で洗練された印象になります：
Silk Reflection Powder Foundation
他にもバリエーションをいくつかご紹介しますね：
Silk Reflections Powder Foundation（複数形で柔らかいニュアンスに）
Silky Reflection Powder Foundation（「Silky」でより滑らかな印象を）
Silk Radiance Powder Foundation（「Radiance＝輝き」を加えて艶やかさを強調）
「Silk Reflection」が気に入っていただけたら、Silk Reflection Powder Foundation がベストかと思います。パッケージデザインやLPの雰囲気に合わせて調整もできますので、必要があればお気軽に！
この商品に合うキャッチコピー、キャッチフレーズを教えてください。
もちろんです！「Silk Reflection Powder Foundation」という上品な商品名にふさわしい、30〜40代女性向けのキャッチコピー・キャッチフレーズをいくつかご提案しますね。キーワードは「上品さ」「大人の美しさ」「自然な艶」「軽やかさ」などを意識しています。
🌸 ナチュラル＆エレガント路線
「素肌より、美しく。まとうのは“上質な艶”」
「軽やかに、なめらかに。肌が息づくシルクの光」
「年齢を重ねた肌こそ、艶めく美しさを」
「仕上がりはまるでシルク。あなたの肌に、品格を」
「光をまとう、大人肌のためのパウダー」
🌿 透明感・自然美推し
「つけている方が、素肌っぽい。」
「肌と一体化するような、やさしい艶感」
「透けるような光で、大人の肌に自信を」
どんなトーンが一番しっくりきますか？「ナチュラル寄り」「ラグジュアリー寄り」「機能性重視」などご希望があれば、さらに寄せて考えますよ！
仕上がりはまるでシルク。まとうのは“上質な艶” これがいいかもです！
それは嬉しいです！「仕上がりはまるでシルク。まとうのは“上質な艶”」上品で、商品名ともぴったりマッチしていますね✨
LPやパッケージにこのキャッチコピーを使えば、「大人の肌にふさわしいクオリティ感」や「自然なツヤ仕上げ」がしっかり伝わると思います。
必要があれば、このキャッチに続くサブコピーや紹介文、使用シーンの提案などもお手伝いできますので、いつでもどうぞ！
上記のようにターゲット・商品名・キャッチフレーズなどをChatGPTと構想を練り、まずはファーストビューをCanva（Pro）で作成しました。
配色は、ターゲットが30-40歳の女性なので、若さを残しつつ大人の女性に向かっていく段階の“可愛らしさ”と“大人らしさ”の中間を狙った落ち着いた色味にしました。
そこから、Wix Studioでテンプレートをカスタマイズしていきました。商品のファンデーション画像やモデルさん画像はCanva（Pro）の画像一覧から検索して使わせてもらいました。
ここまでの準備段階は揃っていたので、Wix Studioで画像を配置し、テキストを入れ替え、セクション背景の色を変更したりのデザインのカスタマイズは、割とサクサクと進められました。
CTAボタンを押すと商品購入ページに遷移します。そちらの設定・デザインに着手できたのも収穫がありました。
意外と忘れがちな、レスポンシブデザインのチェックも。
PC・タブレット・スマートフォンのレイアウトも確認。
多少気になるレイアウト崩れはあったとしても、大きくレイアウトが崩れていて「困った」という局面はなく作業を進めることができました。
こちらがテンプレートを使ってカスタマイズして作成させていただいたLPです。
スクロールエフェクトを効果的に使い、3つのパールの素材要素がスクロールするたびに重なっていく印象的なデザイン。
「よくある質問」のアコーディオン表示形式も搭載されており、設定で文字を変更するだけでOK！でした。
ずっと作ってみたかった憧れ＆念願の美容系LPを作成することができました！！
もりのさんのテンプレートは、シンプルかつ使いやすく作られているので、「自分でLP作成したいけど自信がない！」「制作費用・時間を抑えて自分で作成したいけど、どう作ったらいいのか分からない」という方には、テンプレートから作成してみることをオススメします。
【この記事を書いたY's Design Roomについて】
Y's Design Room（Yukky）
英文科卒業。電機メーカー・情報・通信系企業に入社。
製品マニュアルのDTPオペレーターとして勤務。
転職し、私立大学 外国語教育研究センター勤務。
結婚・産後 地域の子育てボランティアグループ活動や子育て支援員として活動と同時に、インターナショナル プリスクール バイリンガルティーチャー（幼児英語講師）を経て、2023年8月 Y's Design Roomを開業。
Y's Design Roomは、Adobe IllustratorやCanvaを使ったグラフィックデザインとWix PartnerとしてWixを使ったウェブ制作のマルチなデザイナー。DTPオペレーターや事務職・バイリンガルティーチャー・子育て支援などの経歴をもつ。すべての知識・経験・スキルを掛け合わせて制作を行う。高校生の母業も同時進行。
常に学ぶ意識を忘れずに、お客様に提供できるデザインの幅を広げることを心がけている。
コメント