IT業界団体様 人材マッチングサービス WEBシステム リニューアル時のWEBデザイン・HTML/CSSコーディング

【制作の経緯】IT業界団体様 人材マッチングサービス(業務システム)WEBデザインとHTML・CSSのコーディング作業に携わりました。

エンジニアと連携をとりながら作業を行いました。

【テーマ 】信頼と実績があるだけでなく新しい風も感じることができるポータルサイト

【デザインのポイント】ロゴマークにも使用されている青系統の色味をベースカラーとし、 信頼と実績をアピールでき、なおかつ全体的に爽やかで清潔感のあるイメージに仕上げました。

色のトーンを合わせることにより統一感を持たせるよう心がけました。

実直で誠実、顧客やビジネスパートナーと真摯に向き合う姿勢をもちながらも、 新しいことに柔軟に対応できる団体であるという印象を与えることができるデザインをイメージしています。

大き目のパネル式ボタンを配置し、どこに何があるのか把握しやすい・クリックしやすい操作性を目指しました。 左ナビゲーションは固定でスクロールしても追従する仕様を想定。

どのページに遷移してもサイト内を回遊しやすい作りになっています。

【基本事項】

・デザイン幅:1200px ・コンテンツ幅:1000px

・写真:写真ACより抜粋。  

アイコンはsilhouette-illust(https://www.silhouette-illust.com

より使用しています。

今まであったシステムのリニューアル案件でしたので、必要な機能は現行踏襲しつつ明るく爽やかでいて信頼感、安定感を抱くデザインと使い勝手のよいUIを作成することを心掛けました。

【制作期間・日数】2021年3月~2023年5月

【制作チーム規模】プログラマー・エンジニア3名、デザイナー1名

【担当工程】文言作成・素材収集・デザイン・HTML/CSSコーディング・画像制作・単体テスト・総合テスト

【使用ツール】Adobe Illustrator / Adobe Photoshop

futaso_portfolio
cordingWEB業務システム運用保守

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です