vol.2【デザインについて】こんにちは、鶴川です。今年の10月6日に、当社のサイトを全面リニューアルいたしました!今回は私が担当させていただいた「デザイン」についての話を少しさせていただきたいと思います。ことの発端は、前回の記事にも書かれている通り、更新・メンテナンスに問題があった、採用強化したい、などの理由がありました。デザインも簡易的に作られたものであったので、これを機会に一新しよう、ということでこの「オフィシャルサイトリニューアルプロジェクト」がスタートいたしました。あったのですが、色の扱いの難しさがあり、かと言ってまったく別のカラーにすると折角ここまで築いてきた「ジーニアスウェブへの認識」がリセットされてしまうので、「紫」は「紫」のまま、色合いを変えることになりました。前に海外サイトを中心にトレンドになっていた異色グラデーションを思い出し、単色より複数の色合いを組み合わせた方が鮮やかで印象に残るかな?と3色のグラデーションパターンをアクセントに、白ベースでデザインしてみました。写真は鮮やかにするとグラデーションとぶつかってしまうので白黒調に抑えました(お客様のサイトはイメージをより鮮明に伝えるためにカラーが基本ですが、今回は自社ということもあり・・)レイアウトについて当社で受注している案件のほとんどがスマホ対応ということと、今の需要を考えるとレスポンシブデザイン一択でした。その中でコンテンツ幅を制限するかどうかで迷ったのですが、折角だしTOPはよりダイナミックに見えるようフル幅で流動的になるようボックスを均一に積み重ねてレイアウトしてみました。(下層の読み物コンテンツは幅制限してます)動きについて最初メインビジュアルは静止画で作成していたのですが、金子映像企画の金子氏に動画を撮っていただくことになったので、早速当ててみることに!さすが動画は見栄えがぐっとあがります。(金子さん、素敵な動画をありがとうございます。)またhoverやモーダルの動きについても当社のコーダーさんにざっくりした動きとサンプルを伝え、良い感じにしていただきました。制作の裏側についてこのオフィシャルサイトのリニューアル、はやく公開したいという気持ちはあるのですが、やはりお客様からのご依頼が優先になるため、なかなかスケジュール通りに動かせなかったのが苦労した点でした。人間は忘れる生き物なのだなあと感じました。笑またデザインについては私以外にも複数のデザイナーにサポートに入っていただきました。デザインは筆跡などと同じでそれぞれ「個性」があるので、他人の個性に合わせにいくのはなかなか難しかったと思います。フォント」をまとめたデザインシートを用意し、遠方のスタッフと密に連絡が取れない状態であってもシートを見ればある程度のデザインルールが分かる状態になるよう気をつけました。無事公開までたどり着けましたが、まだまだやり残したこともあるので改良を重ねて自身もスキルアップしていきたいと思います!また今後、このリニューアルに合わせて当社のロゴも一新するプロジェクトが上がっているのでまたお伝えできればと思います。それでは、コーディングを担当してくれたお杉さんにバトンタッチします。鶴川ジーニアスウェブ大阪でWEBデザイナーとして働いてます。ジーニアスウェブ大阪でWEBデザイナーとして働いてます。DOWNLOAD顧客獲得に成功した24社の成功事例を1冊にまとめました。顧客獲得にお困りの方も、そうでない方も、一度お読みいただくことをお勧めします。中小企業のweb集客、知らないと損する5つの方法#中小企業のホームページ運用いま依頼している「ホームページ制作会社」に不満がある方へ#中小企業のホームページ運用ホームページ制作会社を選ぶコツは?選び方や比較するポイントをまとめましたFACEBOOKCOMPANYジーニアスウェブは大阪、東京、宮崎に拠点をおく新規客獲得に強いホームページ制作会社です。2006年4月の設立以来、全国1400社以上のお客様にサービスを提供しています。お客様がより高いパフォーマンスを達成できるよう、その実現に向けてお客様とともに取り組んでいます。