Riko | LPデザイナー

【LPデザイナー】清潔感と安心感のある”成果につながるデザイン”が得意です✨ | 診療放射線技師 ▶︎ Webデザイナー | LP／バナー制作対応 | お気軽にDMにてご相談ください✉️ Portfolio：

[Riko | LPデザイナー @Riko94987]

@warriorscoltd 🐣

[Riko | LPデザイナー @Riko94987]

【制作実績】
美容オイルのLP(FV)を制作しました🌿

◆ 制作日数：2日
◆ ターゲット：30代女性（ナチュラル志向・敏感肌の悩みを持つ層）
◆ 使用ツール：Photoshop
◆ 制作ポイント
・背景にオフホワイトやベージュを使用し、グリーン×ゴールドで自然さと上質さを演出。
・見出しは明朝体で高級感を、本文はゴシック体で読みやすさを確保。
・余白を活かしつつ、ガラス瓶の透明感と質感を際立たせ、肌に優しい印象を伝えています。

┈┈┈┈┈┈┈┈┈┈┈┈
LP・バナー制作のご相談も承っています！
ターゲットに合わせた「成果につながるLP」をご提案します✨
まずはお気軽にDMへご連絡ください✉️
┈┈┈┈┈┈┈┈┈┈┈┈

#webデザイン #LP制作

[Riko | LPデザイナー @Riko94987]

【制作実績】
美容クリニックのLP(FV)を制作しました🫧

◆ 制作日数：2日
◆ ターゲット：20〜30代女性（シミ・くすみ・肌悩み）
◆ 使用ツール：Photoshop
◆ 制作ポイント
白×水色で“清潔感と信頼感”を演出し、医療系らしい透明感のあるデザインに。
実績バッジはゴールドで強調し、視認性と訴求力を高めています。

┈┈┈┈┈┈┈┈┈┈┈┈
LP・バナー制作のご相談も承っています！
ターゲットに合わせた「成果につながるLP」をご提案します✨
まずはお気軽にDMへご連絡ください✉️
┈┈┈┈┈┈┈┈┈┈┈┈

#webデザイン #LP制作

[Riko | LPデザイナー @Riko94987]

明日は色彩検定3級を受けてきます！打ち上げが楽しみ🍔✨

[Riko | LPデザイナー @Riko94987]

@y_yuus2 ゆーさん、初めまして✨コメントありがとうございます😊
コーダーさん視点も大切にしていきたいですよね！

[Riko | LPデザイナー @Riko94987]

なるほど！そうなのね📝

[りょー｜フリーランス @Ryo_web_cording]

＼デザイナーへ広がれ✨／
【現場コーダー目線で本当に欲しい指示内容等まとめ】

※すっっごいわがままなこと書きます🙇‍♂️

指示書があるだけで神！✨と心から思うのですが、『せっかく作るならディレクターやコーダーとのコミュニケーションコストを無くしたり、認識齟齬やコーダーの工数を極力削減したい！』と思ってらっしゃる仏のような方もいらっしゃるようなので

コーダー目線で「こうだったら嬉しい！」というものを共有させていただきます😊

様々な指示書をいただくのですが、「ここまで細かく書かなくても良いのに...🥺」と思う時もあるので、併せて不要なところはデザイナーさんも削減いただければと思います👍

＝＝＝＝＝＝＝＝＝＝＝＝＝＝
①指示書に欲しい内容 (1枚目)
＝＝＝＝＝＝＝＝＝＝＝＝＝＝

★使用しているフォント
「フォントウェイト」の情報が欲しいです！
特に日本語はデータ容量が多いため、必要な太さだけをインストールします。指示書に使われている太さがあると調べずに済むので非常に工数削減になります。

★カラー
変数設定してコーディングするのであると嬉しいです！

★コンポーネント
極力保守性を担保し、同じclass名で作成するのでどこをまとまりで作っているのかを共有していただけたら非常に嬉しいです！

★アニメーションについて
私自身、デザインの意図や世界観をなるべく汲み取るようにしてアニメーションのスピードや距離感を調整するようには心がけておりますが、デザイナーさんがイメージしているものがあれば参考サイトなどと共に共有いただけたら認識齟齬がなくなると思います！

＝＝＝＝＝＝＝＝＝＝＝＝＝＝
② カンプの配置 (2枚目)
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PCとSPは両方見ながらコーディングするので各ページで隣にあると助かります！

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
③ ホバーアニメーションの指示 (3枚目)
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ホバーもコーディングしながら作っていくので、できれば隣に指示があると見落としも防ぐことができ、非常にやりやすいです！

＝＝＝＝＝＝＝＝＝＝＝＝＝＝
④ 画像の素材について (4枚目)
＝＝＝＝＝＝＝＝＝＝＝＝＝＝
たまに素材を書き出しやすいように、素材を別で用意してくださっている神様のような方もいらっしゃいます✨

もし素材をまとめてくださるのであれば...

・ボックス(ドロップ)シャドウ、角丸が無い状態
・マスクしている場合はマスクをつけたそのままの状態
・PCとSPで縦横比、マスク位置が異なる素材は別で

用意いただけたら、住んでる場所を聞き出して足の方向をそちらへ向けないようにして寝ます...🙏w

※基本画像はコーダーが書き出すものだと思っているので、こちらは無くて全然OKだと思ってます！

以上です！

お互いにコミュニケーションコストや、指示書作成の手間、コーディング過程などで極力無駄な工数を削減できれば、win-winになると思います。

たくさんの方へ広まって欲しいなと思いますので、もし参考になった方がいらっしゃればぜひ拡散 or 引用RT(感想等)をしていただけたら嬉しいです🙇‍♂️

コーダーのみなさんもぜひよろしくお願いします😊

[Riko | LPデザイナー @Riko94987]

@LY_HLN ありがとうございます〜！😊
私らしさを意識して作ってみました✨

[Riko | LPデザイナー @Riko94987]

@sayakarin_d 🎁

[Riko | LPデザイナー @Riko94987]

@pintopdesign はじめまして！
作業のお供はお水です🥤

[Riko | LPデザイナー @Riko94987]

@naaacho_2 はい✨また参加したい！と思うような交流会でした😊

[Riko | LPデザイナー @Riko94987]

今日の交流会はありがとうございました！
色んな方と交流できて、色んな考え方を学んで、とてもとても充実した時間でした☺️
#ウェブフリ
#フリトモ

[Riko | LPデザイナー @Riko94987]

取り入れたいことリスト📝

・タスクを細分化してスケジュールを立てる
・Instagramを活用する(自分に合いそう？)
・作った名刺を印刷する
・自分に合ったモチベーションアップの方法を試してみる
・提案お断りのメッセージにも返信する

[Riko | LPデザイナー @Riko94987]

ロゴ強化月間にしようかな💭ロゴって0→1感が強くてより頭使う🎨

[Riko | LPデザイナー @Riko94987]

時間の見積もりが甘いので、作業時間を把握するために時間管理アプリを入れてみました🕰️！これで時間整理が上手くできるようになるといいな☺️

[Riko | LPデザイナー @Riko94987]

評判のいい本がKindleでセールになってるとついつい買ってしまうので、積み上げられてる🙄📚

[Riko | LPデザイナー @Riko94987]

バナー制作練習で、意識しないと似たような自分の好みのものばっかりになるから、イラストメインのものだったり男性向けのものだったりも作りたいなぁ💭

[Riko | LPデザイナー @Riko94987]

いつかコーディングとかもできるようになって、自分のポートフォリオサイトを作りたいな😚

[Riko | LPデザイナー @Riko94987]

ポートフォリオ作るの楽しい❣️もっと載せたいなとか、こうしたらそれっぽくなるなとか考えるのワクワクする☺️

[Riko | LPデザイナー @Riko94987]

UI/UXについても本とか読んだ方がいい気がひしひしとしてる、、😶📚

[Riko | LPデザイナー @Riko94987]

コーポレートサイトについて勉強中✏️LPの時も思ったけど、後々コーディングも勉強した方がデザインの良し悪しがより理解できそう🎨