ソースクリエイトには現在約11名のWebデザイナーが在籍しています。
私たちデザイナーは、ただ綺麗なサイトを作ることだけでなく、いつもクライアントさんの目的に寄り添ったWebサイトを日々作成しています。
今回は大阪オフィスに所属するデザイナーが、Webデザインを構築するための「８つのコツ」をこっそり伝授します！

「ソースクリエイトの働く環境」記事はこちら

～ソースクリエイトの日常はinstagram＆tiktokでも公開中！～ 

社内ワンストップで創る、課題解決型Webデザイン

ソースクリエイトのデザイナー業務は、ディレクターが作成した「指示書」をもとにスタートします。
お客様の「伝えたいこと」とユーザーの「知りたいこと」の間をつなぐ“翻訳者”として、構成・目的・設計を読み取りながらデザインを形にしていきます。

✏Webデザインを支える、基本の8ポイント

1｜デザインの4原則を使いこなす
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

• 近接：要素をまとめて見やすく
• 整列：並びをそろえて視認性UP
• 反復：パーツを繰り返して一貫性を
• 対比：強弱をつけて伝わりやすく

2｜全体を通した“デザインの一貫性”
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

フォント・色・ボタン形状などに統一感があると、情報も自然に整理されて見えます。
迷わない設計＝良いUXです。
「より最適に」「よりシンプルに」と心掛けています。

3｜フォントと配色は“伝わる”ための道具
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

読みづらい文字・ちぐはぐな色使いでは、良いコンテンツも台無しに。
視認性・色彩心理・デバイス差を考えた丁寧な設計が鍵です。
文字に合わせ、色彩心理を駆使しながら、色の使いやコントラストを活用して、読みやすさを意識しています。

4｜ユーザー目線の“使いやすさ”を追求
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

欲しい情報がすぐ見つかるか、使いやすい導線か。
画面ごとの統一感や情報量の適正を見直しましょう。
使いやすさは最優先です！エンドユーザーの「知りたいこと」を伝える重要な認識。

5｜ページ速度は“ユーザー満足度”に直結
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

画像の圧縮や軽量化で、読み込みスピードを意識。
特にスマホ環境では、1秒の差が大きな離脱につながります。

6｜CTA配置で“動きたくなる導線”を
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

ボタンの位置や強調度で、コンバージョンは大きく変わります。
「下層でも気づいてもらえるか」がデザイナーの腕の見せ所です。

7｜レスポンシブ対応は“SEOにも効果的”
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

スマホ・PCなど各デバイスで最適表示を実現。
Googleの評価にも影響する大切な要素です。
レスポンシブ対応はSEOの面でもプラスに働き、SEO対策としても効果的なんです！

8｜完成＝ゴールじゃない。改善は続く
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

ヒートマップやA/Bテストでユーザー行動を分析し、改善につなげる。
日々勉強と改善の繰り返しです。
成果を追えるデザイナーほど、信頼される存在になります。

「成長できる環境」をつくる、社内の工夫

スキルを磨くには、“共有”と“アップデート”が不可欠。
ソースクリエイトでは定期的にデザイナー同士・エンジニアとのミーティングを行い、課題や成功事例を持ち寄って学び合える体制を整えています。

一緒に“お客様の課題に寄り添えるデザイン”を作りませんか？

この記事は、前職でECサイトのデザイナーを経験し、入社5ヶ月の私（Y）が書きました。
日々、今回紹介した基本を応用しながら、クライアントに寄り添う提案・デザインを行っています。

ソースクリエイトでは、現在Webデザイナーを積極採用中！
「スキルを伸ばしたい」「経験を活かしたい」そんなあなたの応募をお待ちしています！

「ご応募の前に弊社の働く環境や概要をお知りになりたい！」と言う方へ向けてストーリーを公開しております。