「株式会社アールイーテック」様のウェブサイトにISSUEをご利用いただいています。
SES事業およびエンジニア派遣を展開する企業です。
基本コンセプトとして、「デザイン性があり先進的、しかし怪しさを感じさせない」さらに「ポップな要素も取り入れる」という、一見難解なイメージを掲げています。ブランドイメージを損なうことなく、テーマであるスタイリッシュさを活かしつつデザインを仕上げる過程は苦労の連続でした。メインビジュアルやロゴの作成においても調和を図るために多くの試行錯誤を重ねました。
私はUI/UXデザイナー兼マーケティングディレクターとして、フロントエンドコーディングも担当しています。デザイナーの視点から感じるのは、「シンプルかつスタイリッシュ、デジタル感を追求する際に、野暮ったさが生じやすい」という点です。特に画像の選定やオリジナルイラストの制作は非常に難しく、多くの時間を費やしました。
今回特にこだわった点は、画像のフィルタリングにCSSでノイズ処理を施したことです。さらに、下層ページでは単に画像を配置するのではなく、グリッチノイズのアニメーションを加えることで、視覚的な個性を高めました。
これらの工夫により、オリジナル画像や商用利用・AI生成画像に一味違う印象を加え、テーマのスタイリッシュさとデジタルイメージを両立させたと自負しています。
また、デザイン面だけでなく、SEOの観点からも注力しました。カスタム投稿の活用や、ALTテキストの設定、タグの階層化といった内部施策を工夫することで、Googleのインデックス登録を迅速に実現しました(ロードアニメーションによるペナルティを懸念しましたが、問題なくインデックスされました)。結果として、クライアント様にもご満足いただける成果となったと考えています。
こだわりの画像や動画がサイト全体の世界観を創り上げ、魅力的なサイトに仕上がっています。また、スクロールコンテンツも効果的に活用され、視覚的な楽しさが引き立っています。
>>ページの途中で全画面で訴求。インパクト抜群のスクロールコンテンツを搭載
また、固定ページテンプレート「タブページ」を活用して、会社概要ページを作成されています。タブ切り替え機能により、ストレスのないスムーズな閲覧が可能です。
>>親子関係の固定ページを統合できるテンプレート「タブページ」
ISSUEでのサイト制作のご参考に、ぜひご覧ください。