ＩＴソリューション会社の株式会社メリウステック様のWebサイトです。
URL
https://www.melius-tech.co.jp/
担当
デザイン・コーディング
サイトの目的
新規会社設立に向けたITシステム会社紹介と採用のためのWebサイト制作
使用技術
HTML/CSS/JavaScript/jQuery/レスポンシブ対応/WordPress
デザイン・コーディングについて
・メインビジュアルには、分割された画像がそれぞれスライドインしてくることでダイナミックさを出しました。また、オレンジのグラデーションを実装し温かみのあるイメージを演出。
・TOPページは多くの動的要素を取り入れ、画像や見出しがオレンジ色の帯から遷移し、画像が表示されるアニメーションを実装。
・さらにテキストとボタンが任意のタイミングでスライドインし、背景の幾何学図形が左右から現れるアニメーションの実装。
・横並び表示の要素は一つずつ遅延させて表示
・グラデーションの枠やテキストはCSSのコーディングで実装
・会社紹介部分の立方体にはロゴをいれ、回転させ目を引くデザインにした。（JavaScript）