Webデザイン・UI設計

Web Design & UI

見た目を整えるだけでなく、載せる情報の整理から画面の設計までを行い、伝わりやすく使いやすいサイトをつくります。

デザインデータはFigmaで作成するため、制作会社や社内のエンジニアへの引き継ぎもスムーズです。

こんな方におすすめです

  • サイトをつくりたいが、何をどう載せればよいか整理できていない
  • デザインだけを任せられる人を探している(実装は自社で行う)
  • ページごとにデザインがばらつき、統一感がなくなってきた

対応できること

Webデザイン

サイトの目的と利用者を整理したうえで、情報設計を含めたサイト全体のデザインを行います。トップページだけ、下層ページだけのご依頼にも対応します。

ワイヤーフレーム作成

デザインに入る前に、ページの構成と載せる情報の優先順位を図にして確認します。早い段階で認識をそろえることで、後からの大きな手戻りを防げます。

Figmaデザインデータ作成

コンポーネントやスタイルを整理した、編集しやすい構造でデータを作成します。納品後に社内や別の制作会社で修正する場合も扱いやすい形です。

プロトタイプ作成

画面の遷移や動きを、実際に操作できる形で確認します。実装前に使い勝手を検証できるため、関係者への説明にも使えます。

デザインシステム構築・UIコンポーネント設計

ボタンや見出し、カードなどの部品と、その使い方のルールを設計します。ページが増えても一貫性を保ちやすく、制作や改修の効率も上がります。

スタイルガイド作成

色・文字・余白・写真の扱いなど、デザインのルールを文書にまとめます。担当者が替わっても、同じ品質を保てるようになります。

既存サイトのデザイン改善

現状のサイトを分析し、見づらい・迷いやすい箇所を洗い出して改善案をご提案します。全面リニューアルの前に、部分的な改善で効果を確かめる進め方も可能です。

アクセシビリティに配慮した設計は、「サイトの品質対策」のページで詳しくご紹介しています。

参考価格

税別・設計デザインのみ

メニュー参考価格
Webデザイン(トップ+下層5P程度)15万円〜
Webデザイン(トップのみ)5万円〜
下層ページデザイン2万円〜/P
デザインシステム構築20万円〜
UIコンポーネント設計10万円〜
ワイヤーフレーム作成5万円〜
プロトタイプ作成3万円〜
スタイルガイド作成・既存サイトのデザイン改善お見積もり

実装は「Webサイト構築」で承ります。

進め方

ご相談から納品までの流れは「ご依頼の流れ」をご覧ください。

対応エリア

全国からのご依頼に、オンラインで対応しています。徳島県内は、訪問してのお打ち合わせも可能です。

まずはお気軽にご相談ください。依頼内容が固まっていない段階でも構いません。

お問い合わせ

Contact

制作のご依頼から、まだ内容が固まっていないご相談まで。

まずはお気軽にお寄せください。