Webサイトデザイン
クーシーでは様々なクライアントのWebサイトデザインを行なっています。デザインにこだわりを持つ社長やご担当者などもおりましたが、基本的にはデザインに大きな修正が入ることは稀です。
デザインを行う前段階にでターゲットを定め、表現したいコミュニケーションを把握することで、クライアントのイメージに合うデザインを作成します。
また、クーシーにはAD(アートディレクター)という職種があります。全てのデザインをADがチェックしてOKが出たもののみクライアントに提出することで、クオリティを担保しています。
ターゲットとするユーザーを明確に
コーポレートサイトであればtoBなのかtoCなのか、上場していればIRや株主も見るのか、リクルーティングサイトであれば新卒がメインなのか、中途がメインなのかでターゲットは異なります。
時にはペルソナなどを用い、ターゲットとするユーザーを明確にすることが大切です。ターゲットユーザーが決まると次の工程へ進みます。
デザイントーン&マナーを作成
デザインのマトリックス表で、トーン&マナーを決めていきます。2つの軸での反意語を用意します。例えば「フレンドリー」の反意語は「クール」。「シンプル」の反意語は「デコラティブ」みたいな感じです。
その軸に合ったWebサイトを探してマッピングしていきます。マッピング後にどの範囲を今回のベンチマークにしていくかセグメントします。
ここでクライアントとコミュニケーションを行いマトリックス表のセグメントを明確にします。この時点でイメージを擦り合わせることで、大きな修正を防いでいます。
TOPページのデザイン
マトリックス表で合意が取れてから初めてTOPページのデザインを行います。基本的にはデザイナーかAD(アートディレクター)が一人で制作し、最終的にはADのチェックが入り、OKが出たもののみクライアントに提出しています。
洗練されたデザインであることは当然ですが、課題に対してデザインソリューションを提案できているかのチェックも行います。
テンプレートのデザイン
小規模なWebサイトであれば一人のデザイナーで対応することもありますが、中・大規模サイトだと複数人のデザイナーで対応します。ここでも最終的にはAD(アートディレクター)がチェックを行います。
最近はほとんどのWebサイトはスマートフォンに対応しているため、スマートフォンのテンプレートのデザインもこの工程で行います。
HTMLのデザインレビュー
デザインテンプレートの作成が終わったら、HTMLコーダーにデータを渡します。HTMLがアップされた順に、HTMLがデザイン通りに表現されているかをチェックします。
クーシーのHTMLコーダーは比較的デザインの再現性が得意ですが、人によっては凄く崩れた状態でアップします。最終的なクオリティ担保のためにもHTMLのデザインレビューは必要です。
デザインのガイドライン
プロジェクトにより制作します。使用するフォント、利用しているカラー、マージンやタイトルのルールなど、運用時に他のデザイナーが制作する時に守ってもらいたルールを定義することで、そのWebサイトデザインの世界観は崩れずに守られていきます。
デザインクオリティを大切に
このようにクーシーではデザインのクオリティを守るため、様々な工程でコミュニケーションをはかり、クオリティのチェックをしています。より良いプロダクトを創り、ユーザーに評価されるWebサイトデザインをご提供しています。
お問い合わせ
Webサイトデザインについての
ご相談はこちら。
お問い合わせする
Webデザインについて、
様々なことにサポートいたします。
-
UI/UXデザイン
多くのWebサービスを手がけたことにより蓄積されたノウハウで、最適化したUI/UXを提案します。
-
ワイヤーフレームと情報設計
ユーザーストーリーからSEOまで考慮し、情報の優先順位をサイト構造・ページ構成両面から考えます。
-
Webサイトデザイン
EC、コーポレート、eラーニング、SNS、基幹システムなどあらゆるジャンルのWebサイトを手がけています。
-
コーポレート
サイト制作各ステークホルダーに合わせて情報設計を行い、企業のブランディングが伝わるデザインを心がけています。
-
BtoBサイトデザイン
BtoBのWebサイトは業務効率化に直結します。サービス利用時のベネフィットを意識してデザインします。
-
採用サイト
制作・デザイン新卒と中途では欲しい情報のニーズが異なります。ターゲットに向けて応募率を高めるようにデザインします。
-
スマートフォンアプリ
デザイン指で操作するスマートフォンはPCとは異なります。最高のユーザー体験を創出するデザインを行います。
-
動画制作
インターネットで動画を見るユーザーが増加しています。コンテンツ動画など企画から撮影・編集を行います。
-
HTML/CSS
コーディング複雑化したHTML/CSSの構築実績を持つ制作会社は多くありません。マークアップと多様なブラウザ対応を行います。
-
SSL化対応
SSL証明書の取得から設置・移管まで、ワンストップサービスを提供しています。
-
SPA対応
主にAngular/Vue/ReactなどのJavaScriptフレームワークを用いたSPAを設計から実装まで行います。
-
PageSpeed
Insights対応PageSpeed Insightsの項目に沿った表示速度改善の設計と、ページ/システムの改修を行います。
-
AMP対応
モバイル端末でWebページを高速表示するための技法です。コンテンツの設計や、開発・改修を行います。
-
SEO内部対策
SEOコンサル会社では提案できないキーワード選定からカテゴリ構造化を行います。SEO対策もお任せください。
-
WordPress構築
利用者ごとの権限の設定や管理画面の構築を使う人がより使いやすいCMS。環境構築、運用までを考慮して設計します。
-
MovableType構築
WordPressにセキュリティ的な懸念をお持ちのお客様にはMovableTypeをお勧めしてます。多言語化にも対応可能です。