Yuki | デザインで集客を後押し🦖㌧

Webデザイン& 英語コーチング／フリーランス 前職）専門商社 → 店舗マネジメント → 上場企業でWebディレクター 資格）GAIQ・Webディレクター検定・簿記3級・IELTS6.5🇺🇸 LP・サイト・バナー・資料制作受付中／グローバル案件もEnglish OK🗽 フリーランス仲間とゆるくつながりたい✨

[Yuki | デザインで集客を後押し🦖㌧ @yukiuki38]

超絶緊張した！ここ数年で一番の挑戦やってんけど、海外企業のお偉いさん3人に英語で資料作ってプレゼンして15ヶ月650万円以上のマーケ契約に貢献しました！！！！🗽

まじで何回も逃げたくなったけど頑張ったから誰か褒めて😭笑笑

[Yuki | デザインで集客を後押し🦖㌧ @yukiuki38]

そうかボットが人間としてみなされていることもあるし、トラフィックにカウントされる数が増えると、もうサイトの成果なんてわかんないよね、、
どんどん複雑になっていく、、

https://t.co/AnzPkf00FL

[Yuki | デザインで集客を後押し🦖㌧ @yukiuki38]

@summer_chan01 あの場所から4年も経つんかー！！
はや〜👏感慨深いね〜！

[まぶ｜デザイナーの秘密基地 @mavshine1]

LPデザイナーさんならきっと歓喜する！✨
あの “ 面倒 ” をガッツリ減らします👀

制作実績をカスタムして、
オリジナルのイメージ画像が無料で
作成できるサイトをつくりました！！

しかもLPのページを
モーションで動かせちゃいます！！！

サイズも書き出し形式も色々選べて
オリジナルカスタム無限大♾️

「これめっちゃ使える！」と思ったら
いいねやリプで反応してもら��ると
めちゃくちゃ嬉しいです🙇

これからもデザイナーの面倒を減らす
“ 秘密道具 ”を開発していくので
今後もよろしくお願いします🙇

名付けて
LP Mockup Studioはコチラから↓
https://t.co/Rg0RMTohqc

あっ💦まだ出来立てホヤホヤなので、
不具合があったらサイト左上の
「お問い合わせ」から教えてください🙏

[Yuki | デザインで集客を後押し🦖㌧ @yukiuki38]

ありがたすぎるー！！
タイミングもありがたや！！🙏
大阪最高！

[保育ニュース @hoiku_news]

０〜２歳児保育料が無償化へ　政令市で初、在宅にはクーポン https://t.co/PBcvQPqhgw

[あかね｜エンシエラ CEO & RELAY LABO @akn_don]

「おしゃれ・今っぽく・ポ��プに」ってクライアントから言われたら、参考にしたいサイト8選。いいデザインはいい参考集めから✨👇

1. 日経電子版 for Education
やわらかく親しみやすい構成が参考になるサイト

2. Shibuya Street Live
大胆なタイポグラフィとカルチャー感のある見せ方が魅力

3. yuppa
ポップな色使いと商品訴求のわかりやすさが強く今っぽい

4. MindMarket
シンプルな構造の中に明快なメッセージを置く設計が上手く、BtoBサイトのお手本

5. IDÉE
余白の使い方、静かな世界観、エディトリアル寄りのアートディレクション

6. https://t.co/6rbJt75cbd
特集コンテンツを横断的に扱っていて、雑誌的な編集感と強いビジュアルの組み方が学べる

7. DECAR BOOK
イラスト主導で世界観をつくっていて、ポップだけど尖りすぎないトーンづくりの参考

8. 奥伊吹グループ採用サイト
人物訴求や親しみやすいUI、レジャー感のある明るい世界観が特徴で、採用サイトの参考

[デザ研@デイトラ @designkenkyujo]

色の雑学

[kei🍊デザイン×AI｜Webデザイナー @keimaru25design]

うわあああ！！
これは便利！！

以前クライアントさまに
画面の操作手順を説明するた���
スクショ撮って…
Canvaで文字入れて…矢印入れて…
全体を見やすく整えて…
っていうのやりましたが
これあれば簡単でした😂

きれいに整理され
整ったデザインが必要な場面もあれば、
とにかく必要な情報だけを
スピーディーに欲しい場面もあります。
後者の時にこのやり方が分かっていると、
かなり強いかと👹

スキッチ、聞いたことありませんでしたが
これで覚えました🫡

ちなみにClaudeCodeじゃなくても
ChatGPTの普通のチャットで作れます！

[Yuki | デザインで集客を後押し🦖㌧ @yukiuki38]

昔linkedinに書いたバイト経歴に、盗難を阻止したって書いててバカおもろい😂😂😂
どうやって？何したんやラスベガスで

[もよこ｜Web/DTPデザイナー @littledesign455]

Studio.Drop早速使ってみました！
エディタ上でデザインを作っていく、いつものStudioとは全く別のサービスでした。

既存サイトのURLを入れるだけで、ほぼ完璧な形でインポートできます。
そのあとはClaude DesignみたいなUIで、AIと���本語で話しながら進めていく感じです。

「新しく◯◯のページ作って」
「さっき作ったページをトップにも導線追加して、◯◯セクションの下に」
「ヘッダーとフッターにも追加して」
「◯◯一覧をあいうえお順にして、絞り込み機能もつけて」
「◯月◯日のイベント終了扱いにして」
「去年の◯◯のイベントを複製して今年用に新しく作って」

など、日々の更新として発生しそうなこれらの作業がサクッとできちゃいました。

ClaudeやCodexとのMCP連携も便利ですが、スマホからも触れるのがありがたい！

す、すごいです…🥹✨

既存サイトの更新が誰でも簡単にできるようになってすごいのはもちろんなんですが、新しくAIで作ったサイトの納品後の管理・更新ツールとしてめちゃめちゃよいのでは！？と思いました👀

最近デザインだ���でなくAIでコーディングまで対応することも増えてきましたが、納品した後がネックだよなぁと思っ��いて🥺
管理画面やマニュアルを作ったとしても、すんなりその通りに動かせるパターンはなかなか少ないし、そもそもGitHubやVercel、VSCodeなどの環境を用意していただくのも結構ハードルが高い…

ここをまるっとStudio.Dropにお任せできるなら、作り方やご提案の選択肢がもっと自由になりそうです🙌

いろいろ触りながら、なんだかすごい時代に突入している感を感じました！！！
これからの進化が楽しみです🚀✨

#StudioDrop

[Yuki | デザインで集客を後押し🦖㌧ @yukiuki38]

@summer_chan01 ありがとうー！！
なつみちゃん転職したんや！！

[Yuki | デザインで集客を後押し🦖㌧ @yukiuki38]

ここ数年働かせてもらってる、海外クラファンのお仕事���PMに昇進したど〜〜！
まだ実感ないけど、Made in Japanを世界に届けるのだ！！🌍♡

海外との橋渡しになるような仕事がずっとしたかったから嬉しい進歩

[Yuki | デザインで集客を後押し🦖㌧ @yukiuki38]

ずーっと後回しにしてきたLinkedInのブラッシュアップやるぞ！

久しぶりにログインするとこんなバイト頑張ってたのか〜としみじみ
あと、気になってたタイプの仕事のオファーがちょうどきてるではないか！！ワクワク

[せきゆおう🇯🇵Web制作とAIのことを発信する人 @wurst_design]

ホームページを作る側の人間なんだけど、飲食店を探すときは、僕もまずホットペッパーとか食べログを見ちゃう。

そこで���からないことがあれば、公式サイトを見に行くんだけど、行ってみたら載ってるのは似たような情報ばかり、ということも結構ある。

公式サイトで知りたいのって、営業時間やメニューをもう一度確認することだけじゃないんよね。

どういった情報が必要かは、店や利用者によって変わるけど。

店内はどんな空気感なのか。
デート向きなのか、子ども連れでも入りやすいのか。
「この店を選んだときの体験」が想像できる情報を見たい。

予約サイトに載っている情報をもう一度並べるんじゃなくて、そこで補えない判断材料をどう設計するか。

そこまで必要ないよ！って場合はホームページは無理に作る必要はないしInstagramでよいと思う。

[スズショー｜デザイン @suzusho1115]

【もうシティポップのトンマナはマスターしました】
かわいくてポップだけど、どこかシュっと��ているシティポップ的デザイン４選です。共通点は①ライトグレー×ホワイト×マルチカラー（多色）の配色②太すぎず細すぎない黒い枠線とケイ線③角丸の長方形④同じ図形を繰り返す｜お疲れっす😊グッナイ🌙

[たくろう│凡人FIREのロールモデルやってます @pingpong_pearl1]

フリーランスの世界、発注側からすると
・普通に連絡が取れて
・普通のクオリティで
・納期が守れる
というのがクリアできる時点で超上澄みに入れる世界だという事はあまり知られていないんですよね。

…というトピックでこれまで何度かバズってたのですが、その説にさらなる補強が入ってしまいそうなインパクトある記事でした…まずはメンタル面の回復ができますように…
これから業務委託なり受託なりで身を立てたいぞと思っている人こそ読むべき内容だと思います。

[ふじ @fuji_ai_]

ジャパネット高田明、高いものを売る答えが僕らと全然違った。

・1万円超のフグが何千個と売れた
・やったのは値下げではなく、生産者がペンチで1匹ずつ歯を切る手作業を全部映像で流すこと

1:11〜の言い切りで、高いから売れないという思い込みが消える。

[せきゆおう🇯🇵Web制作とAIのことを発信する人 @wurst_design]

SPデザインの横幅、375pxか390pxかの二択ではなくて、思った以上に派閥が分かれている印象。

360px、375px、390px、400px、750pxあたり。

それぞれの派閥の意見をまとめるとこんな感じだと思う。

▼360px
---------
古い端末向けのサイズという印象もあるけど、Galaxy S22/S23など今でも360px幅の端末は普通にある。

なので僕は、デザインの基準というより「ここまで狭くなっても崩れないか」を確認するサイズとして360pxはありだと思っている。

360pxで成立していれば、タイトルやボタンの文��が想定外に改行する恐怖も減るし。

▼375px
---------
iPhone 6/6s/7/8の標準モデルが375pxだったこともあり、長く定番だったサイズ。

当時のiPhone 6/7/8は375ptに対して物理解像度が750pxの2xだったので、Photoshopなどで750px幅のデザインデータを作る運用もよくありました。

今はFigmaなどで375pxの論理サイズでデザインして、必要に応じて2xや3xで画像を書き出せる。

なので「Retinaだからデザインデータも750pxで作る」という必要性はかなり薄くなったと思う。

▼390px
---------
現在よく使われている幅のひとつ。

iPhone 12以降の複数モデルでも390pxが採用されていて、今の端末感に合わせるならかなり自然な選択肢。

ただ、2026年7月の日本のデータを見ると414pxや375pxもかなり多いので、「今は390pxが正解」というほど単純でもなさそう。

僕自身は375pxに強く��だわる理由は以前より薄くなっていると考えているので、375px or 390pxなら390pxがよいと思う。

▼400px
---------
390pxなら、もう10px足して400pxで作ればええやん！ということで僕が布教活動しているサイズ。

これは特定の端末にピッタリ合わせるというより、制作上の基準値として400pxを使う考え方です。

モバイルデザインってpxより、%やvwなどの可変幅で考える場面が多い。

そうなると375pxや390pxより400pxの方が計算しやすい！さらば小数点...！

しかも、現在は414px前後の端末もかなり多いので、390pxよりも原寸に近いのもプラス。

▼750px
PhotoshopやIllustrator中心の制作フローなら今でも選択肢には入る。

ただ、Figmaでデザインできる今、最初から750px幅で全体を作る必要性はかなり限定的になったと思う。

まとめ
---------
デザインデータは実機で確認をすることが大切だと考えているので、確認する人の実機に近いサイズでの製作と、構築後に意図していない位置での改行が発生しないこと（とくにタイトル部分）が大切だと思っています。次に構築のしやすさ。

なので個人的には、375pxか750pxを絶対的な基準にするより、360pxでも崩れないことを確認しつつ、400px前後を基準に可変で作るのが好きです。

[竹内渓太 / LANY(レイニー) @take_404]

マーケティングをするときは、脳内に「ドパガキのペルソナ」を飼っておくといいかも。

「長い。読まん」
「地味。見ない」
「難しい。わ���らん」
「めんどい。やらん」
「で、俺になんの得があるの？」
くらいの前提で考える。

その上で、

・LPはFVで一瞬で価値を伝える
・動画は冒頭3秒に死ぬほどこだわる
・クリエイティブはまず目を止めさせる
・文章は小学生でもわかるくらい簡単にする
・CTAまでのハードルを極限まで下げる
・便益は「結局、自分に何がいいの？」まで翻訳する

ユーザーは、こっちが思っているほど読まないし、考えないし、待ってくれない。

「ちゃんと見れば伝わる」は、だいたい伝わらない。ドパガキをコンバージョンさせられるくらいこだわる。

[トム・イシカワ 📸 写真展やるよ CCPE.jp 9/25 Fri 〜 27 Sun＠桜上水 @tomonorix0805]

最近、ポートフォリオをスライドで作る人が増えてるけど、資料デザインに苦戦してる人が多い。

そんな人には「とにかくスライドランドを見ろ」とゴリ推ししてる。おすすめスライドはどれも最高峰資料だし、ページの目的やグラフ・図解から探せるのも超いい。激オススメ。
https://t.co/Xfpm8ftBld

[GAKU ABE @gakudesign]

デザイン事務所で新卒さんが入ってきたとき教える事
その40

まず最初に注目させる、アイキャッチ

広告でも、バナーでも、パンフでも、だれもそれを見たいと思う人はいません
そこでまずハッと目をひいて
その存在に気がついてもらう、振り返ってもらうための
大事な要素がアイキャッチ

なんかポイントが定まらない､見ていてもよくわからない、というデザインはこのアイキャッチがしっかり設定されてないことが多いです

ぱっと見で引きつけるためにはコントラストの高い表現が必要

大きくする
あざやかにする
動きをつける
印象深い写真や大胆なトリミング
興味をひくコピー
など

ついついたくさん要素を盛り込みたくなりますが
要素をそぎ落とし、興味をひく順序をうまく設定してあげることが大事です