さとう｜LPデザイナー

⌇制作過程動画をチラ見せ🫣⌇ こちらのLPにたくさんの反応を ありがとうございました🐶❤️‍🔥 （リプが追いついていなくて 　申し訳ないです🙏💦） 今回の制作時間は7時間でした。 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ⚪︎参考探し・WF作成：約3時間 ⚪︎装飾・仕上げ：4時間 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ やはり参考探し・WFをしっかり行うことが 最短で制作するポイントになります☺️ 実案件では、クライアントさんと始めに トンマナのすり合わせをしっかり行うことが 大事ですね。 今回はFV制作の様子を 画面録画してみました！🎥 配色に手こずってうろうろしてますが🤸 ここをしっかり決めたことで、 下層はより速く仕上がっています🚴 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 制作のご依頼、ご相談は DMまたは公式LINEにて承っております🐶🌷 ▷@mazel_design ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈

@mochiko_lp 序の口なんですね😳笑顔の印象と苦労のギャップがすごすぎてつちもちさんの経歴すごく気になります🥹

@mazel_design ギュウギュウに詰め込んでみましたが、全部は書いていません！笑 勢いだけで生きる人間でした🥹

意識低い ボロボロデザイナーの経歴 大学4年生に就活開始 ↓ EC通販デザイナーとして内定&入社 ↓ 入社1日目から残業地獄 ↓ 疲労で会社辞める ↓ Amazonせどり(転売ヤー)に ↓ 月10万円で頭打ち、辞める ↓ アパレルEC通販会社のアルバイトに ↓ 入社2日目に社員全員飛ぶ ↓ 倒産 ↓ さらに離婚・借家立て壊し ↓ PPCアフィリエイトやる(50万円使う) ↓ 広告規制で即終了 ↓ 鬱になる ↓ 制作会社に就職 ↓ チームリーダーへ昇格 ↓ LP特化デザイナーになる ↓ 結婚・妊娠をきっかけに退職 ↓ 1人社長夫の手伝いでマーケ学ぶ ↓ マーケ特化デザインスクール入る ↓ フリーランスデザイナーに←今ここ いっぱい失敗して今がある。 そして身を置く環境で 人生9割決まります。マジです。

@tsuto_design 認識していただけてるんですか〜😳✨ 嬉しいです！同じ市内なのもびっくりでした！ ぜひぜひよろしくお願いいたします🙂‍↕️✨

@mazel_design ありがとうございます！これに関してはランサーズはちょっと面倒くさそうですね。 さとうさんめちゃくちゃ認識してますよ😉これからもSDK卒業生同士よろしくお願いします！

ランサーズって、ココナラの定期購入みたいなシステム、もしや無いですか？

／ 駆け出しから１ヶ月、 応募数56件のコンペで当選 したときにやった4つのこと ＼ 駆け出しから１ヶ月だった当時（2025年2月）、ありがたいことにコンペで採用をいただきました☺️✨ そのクライアントさんからは今も継続案件をいただいています。 このあとも同じ方法で当選が続きました。気づきの多い経験だったので、このときに私がやったことをまとめてみました。 これからWebデザインに挑戦したい、駆け出しの方の参考になれば嬉しいです！ ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ①指示書の文書を自分の言葉で噛み砕いた 例えば、指示書にある「誠実さ」とは具体的にどういうことだろう？と、デザインに落とし込むために依頼者のジャンルに合わせて具体的な表現に置き換えていきました。 ◎指示書：誠実さ、安心感 →自分の言葉：自然光が明るい白を基調としたオフィス ◎指示書：イラストを使用して不安や安心を表現 →自分の言葉：頭を抱えているイラストを添えて、ユーザーに自分ごととして捉えてもらう。スマホで簡単に相談や見積もりができて笑顔になったイラストを使用して、ユーザーにサービス利用のハードルが低いと思ってもらう。 「これってどいういこと？」「依頼者が狙いたいことはなんだ？」→「つまり、〜っていうことね！」と、頭の中で1人会議をしながら要約していきました📝 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ②クライアントのHPや、業務内容について調べた ◎今回は既存のHPのFVのみのデザインだったので、使用予定のHPのテイストをチェックしました。 (URLは指示書に載っていなかったので、与えられたキャッチコピーからサイトを探し当てました😳) FVとコンテンツの雰囲気があまりにかけ離れていると統一感がなくなるので、採用を検討もされないと思ったからです。 (ちなみに、別のバナーコンペでも同じように調査したところ、当選しました！) ◎また、指示書には、「希望カラーは青」とありました。 でも一口に「青」といっても、色々あります。(セルリアン、ターコイズ、ラピス…などなど) 掲載先のHPを調査して、実際に使用された場合に合う色を選びました。 ◎「イラストを効果的に使用」する希望もありましたが、イラストにもアニメ調、水彩、線画など色々あります。 例えば、お堅い仕事に対して、ポップなイメージのアニメ調のイラストはなかなか使われないですよね。 クライアントがどんなサービスを提供しているのかも調べて、サービス内容に合った雰囲気のイラストを選びました。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ③参考サイトを集めた ①、②の条件に当てはまるサイトを、ピンタレストやLPアーカイブでひたすら探しました！ 構成や色の組み合わせの参考になるものを集めましたが、参考のクオリティが制作物に影響するので、このときは絶対にクオリティの高い参考を集めました。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ④クライアントさんになりきった🤭 依頼書を読み込んで調査もしたことで、なんとなくクライアントさんのお人柄がわかったり、要求のニュアンスがわかったりします。 「ここはこうして欲しいだろうな」とクライアントさんになりきって思いを馳せながら制作していきました。 もちろん、要求に合わせていくばかりではなく、ユーザーに行動を促して成果に繋がるようなデザインも意識しました。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ この方法で、トップページ•バナーのコンペでは応募回数６回のうち、4回当選しています。 新発売の商品画像のコンペや、「今までにない奇抜なチラシをください！」というな要望のコンペには通じませんでしたが、それは個別の案件になればヒヤリングで十分カバーできます。 つまり十分な調査があれば、クライアントの希望に寄り添ったデザインができる、ということが学びでした。 （今となっては当たり前ですが…！） 今回の投稿がもし参考になったら、いいねで教えていただけると嬉しいです☺️ #webデザイナー #webデザイン

@kanakana_design かりなさん〜❤️‍🔥お久しぶりです🙂‍↕️💕投稿に時間を割けないもどかしさもずっとあったので、そんなふうに言っていただけて救われます🫣ありがとうございます！今後も交流させてください〜🐶✨

@mazel_design さとうさん〜🐶💕おかえりなさいませ🙌✨投稿頻度を落とされていた間にものすごいレベルアップを…🫢❤️‍🔥優先順位を決められたり、メリハリをつけられていて素晴らしいですね🥹新生さとうさんの今後の発信も楽しみにしていますので、たくさん交流させてください〜🥰

お久しぶりです。 「ぬい」から「さとう」に変えました🐶 忙しくさせていただいて、しばらく 投稿が止まっていました。 何をしていたかというと… ・画像コーディング習得 ・業務委託2件目獲得 ・LP実案件3本、サンプル5本制作 ・マーケティング学習 等々、さらなるパワーアップを目指して 作業療法士の仕事と並行して進めておりました。 これからは少しずつ投稿を再開するので 新生さとうをよろしくお願いします🐶 近々また図解やポートフォリオを 公開予定です！🎉

@ryoko_design831 りょうこさん！🙂‍↕️✨尊敬なんてそんなそんなです！私はりょうこさんの細部まで行き届いたクオリティの高い制作物や図解に刺激をいただきました🥹 こちらこそポスト楽しみにしております❤️‍🔥

@mazel_design さとうさん🙂‍↕️✨コーディングに業務委託、LPのご依頼、、、盛りだくさんの毎日だったようで大尊敬です😭✨ しかも作業療法士のお仕事もされているなんて、、すごすぎます!!!🥹❤️‍🔥❤️‍🔥わたしも頑張らねば、、と刺激になりました✍🏻🔥 図解などなどポスト楽しみにしております💞

＃セールスデザイン講座　での 【初稿】と【講師添削後】のデザインです。

いきなりデザインはしません。 なんとなくいい感じにデザインするのではなく、 コピーをいただいたら、 ・文脈 ・自社独自の強み ・差別化を図れるところ ・ターゲットにより刺さるような 　効果的なレイアウト を考えて制作しています。 掲載場所・流入経路を押さえて、 ユーザーがどのような心理でLPを見ているかを 想定してから制作することで、 離脱を防いで行動喚起を促せるデザインに することができます。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ ※こちらはスクール時代の課題LPです。 このときから「思考しながら作る」ことを 意識していました。 実際に【メッセージ】【ターゲット】は明確には 与えられていませんでしたが、コピーから 読み取って自分で設定して制作しました。 「スクールなら添削が入ったんじゃないの？」 「ポートフォリオと実力が違うんじゃないの？」 と思うかもしれません！が、 添削いただいたのはワイヤーフレームの部分のみ でした。（とても学びになりました！！） 初稿のクオリティが気になる方は リプ欄の【初稿提出】と【講師添削後】の 比較画像をご確認ください！

@CW_kumi くーみんさん！はじめまして！😊嬉しいお言葉をありがとうございます🥹そしてフォロワー500名様企画拝見しました！✨👏くーみんさんの投稿からこれまでのたくさんの努力が感じられて刺激をもらいました❤️‍🔥こちらこそありがとうございます！！これからよろしくお願いします🐶✨

@mazel_design さとうさん✨はじめまして😊投稿拝見してとても刺激をいただきました👏お忙しい中でもこれだけ行動されていることが本当にすごいですし、積み重ねてこられた努力が伝わってきました✨これからの投稿やポートフォリオもとても楽しみにしています😊素敵なシェアをありがとうございます💗

@design_moe_ もえさん！☺️💕久しぶりですがこうしてまた声をかけてくれて嬉しいです〜🥹私もまたもえさんの投稿を追っていけるの楽しみですっ🏃💨よろしくお願いします🥰

わあ〜っ！さとうさん😊💕嬉しいですっ🥰これからもたくさん交流させてください☺️学びを深め、手をたくさん動かされ、さらにお仕事にどんどん活かされていらっしゃるのだなあと、さとうさんのパワーアップぶりが素晴らしく、、🥹✨図解やポートフォリオも公開してくださるとのこと、こちらも楽しみにしています💐 これからもよろしくお願いいたします☺️

@_mn326_ わかさん〜！お久しぶりです😍そんな風に言っていただけて嬉しいです🥹しばらくXから離れていたんですが、わかさんの投稿、世界観のある制作実績や図解が豊富でいいねしまくってしまいました☝️💓 こちらこそこれからもよろしくお願いします〜🫶

@mazel_design さとうさん〜！お久しぶりです☺️✨さとうさんのデザイン制作スピード、クオリティの高さがすごいなぁとずっと思っていたので、たくさんのお仕事や学習でお忙しくされていたとのことを知れて嬉しいです🫶🏻大充実ですね〜👏🏻💕これからの発信も楽しみにしております♡

@mame_web_design まめさん、初めまして！✨ 介護福祉士さんだったんですね！いつも一緒にお仕事してるので私も親近感です🐶🔥 こちらこそフォローありがとうございます🫶よろしくお願いします！✨

@mazel_design さとうさん、はじめまして✨ 作業療法士×デザイナーの両立、すごく親近感を感じました！ わたしも介護福祉士からデザイナーになったのでお互いがんばりましょう🐶🔥 フォローありがとうございます🌸

@tmiz_ECWEBSE ミヅキさん！😳アイコンが変わりましたね！お久しぶりです〜🤝✨ 北海道はちょっと暖かくなってきましたけどまだ朝夜は寒いですね🫣こちらこそ今後もよろしくお願いします〜！✨

@mazel_design ぬいさん ⇒ さとうさん お久しぶりです🙌 お忙しい日々を送られていたんですね💦ご無理のない範囲で構いませんので、また交流していただけると嬉しいです💐 これからも、よろしくお願いします🫡

@nae_lpdesign なえさんっ！✨お久しぶりです🥰 しばらくXから離れていたんですが…！なえさんの制作実績が全部素敵でいいねの手が止まりません☝️💓 こちらこそなえさんのご活躍大尊敬です！私も引き続きがんばります！今後もよろしくお願いします〜🥹🐶

さとうさんっっ🐶💓ご無沙汰しております😍💕 投稿が一時ストップされていらっしゃった裏側でたくさん手を動かされ大充実していらっしゃったのですね！！🥹✨✨2件目の業務委託締結おめでとうございます！！😍❤️‍🔥そしてLPの実案件にサンプルが5本も…？！マーケティングや実装についても学ばれていらっしゃったとの事…本業の時間もありながらも、実際にコツコツバリバリと手を動かし学び続けられていらっしゃるさとうさん凄く尊敬です！！😭✨✨新生さとうさんとも今後たくさん関わらせて頂けると嬉しいです😍図解、ポートフォリオも凄く楽しみにしております🥹💕💕

@msdesign1213 まなさん、はじめましてー！ ええっ、とても似てますね🤣✨✨繋がれて嬉しいです！リプとフォローまでありがとうございます☺️ まなさんのヘッダーのLPに圧倒されました…！これからどうぞよろしくお願いします🐶❤️‍🔥

@mazel_design さとうさん、はじめまして！ 私も元作業療法士でいまLPデザイナーとして活動しております😊とても境遇が似ていてびっくりしたのでリプとフォローさせていただきました🤣✨これからどうぞよろしくお願いします🙇‍♀️

@MIISHO_AKA 三井所さん、有料級の記事をありがとうございます！ フォローとリプまで🙇✨ 「経験からの形成」、腑に落ちました…！ 1人では難しいだろうな、チームに入って経験者から教わりたいなと思って動いたのも確かに自分の経験からだった気がします。 誰でも再現性のある生存戦略ということですね。✨

@mazel_design さとうさんのように 立ち回りは無意識に出来る人も多いんですよね。 これって家庭や学校や部活、会社員経験など複合的に含まれて形成してるなと思ってます。 逆を返せば、学び実践し習慣にすれば誰でもできるんですよね。そこを伝えたい、、！

＼LPサンプル・スマホビュー／ 3日間のLPサンプル投稿に たくさんの反応をいただき ありがとうございました🐶✨ スマホ画面で見た時のイメージは こんな感じです！ ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ✔︎左右の余白が20px以上空いていないか ✔︎１セクションが１画面に収まっているか ✔︎最小フォントサイズが33pxを下回っていないか ✔︎ボタンが押しやすいサイズか ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 細部までこだわって制作しています。 ユーザーが思わずクリックしたくなるよう、 ターゲットに合わせたトンマナで統一しつつ、 ✅色彩心理（人の感情、行動に影響を与える色） ✅目立たせたいボタンエリアは反対色を使うこと を意識しています。 使用ツールはIllustratorですが、 Photoshop、figmaも使えます✨ ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 制作のご依頼、ご相談は DMまたは公式LINEにて🐶🌷 ▷@mazel_design ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈

⌇サンプルLP⌇ 【物販】安眠枕のLPを制作しました🌝 ▼スマホで見る▼ mazel-design-portfolio.studio.site/1-1 #セールスデザイン講座　の課題制作 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ⚪︎使用ツール：Illustrator 、Photoshop ⚪︎制作時間：6時間 ⚪︎制作箇所：WF、デザイン ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ ⚪︎目的 ・商品の購入 ⚪︎メッセージ ・人間工学に基づいた設計の枕で、寝付きが悪い人も安眠できる ⚪︎ターゲット ・睡眠の質や起床後の体の痛みで悩んでいる、20~40代の男女。色々な枕を試したけど、自分に合うものが見つからない。 ⚪︎デザインポイント ・「この枕を使うことでどんな未来が待っているか」が想像できるように、気持ちよさそうに眠っている女性の写真を使用しました。 ・販売実績や枕の特徴の訴求力を引き出すため、長文でも単調なデザインにならないよう差し色や帯で目立たせました。 ・曲線やグラデーション、落ち着いた配色で安らぎを表現できるよう意識しました。 ⚪︎セールスデザイン講座講師の方からのFB ・お悩みセクションでは、白文字と背景の黒の明暗度をより高くして視認性を良くすること ・CTAでは何がオファーで（ここでは枕カバー2枚プレゼント）どれが商品本体なのかわかりやすいレイアウトにすること ・LP各所にある空の配色は合わせてしまい世界観を統一すること をアドバイスいただき修正しています。 その他は初稿のままでOKをいただいています☺️ ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 「きれいだけじゃない、CVに繋がるLP」 を制作いたします。 制作のご依頼、ご相談は DMまたは公式LINEにて🐶🌷 @mazel_design ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈