制作実績 WORK

介護派遣サービス

事業ジャンル派遣サービス

サイトURL https://katarina-code.com/portfolio/caresend/

ユーザー名、パスワード ID：demo　PW：demo

サイトタイプ HTML

介護派遣サービスをテーマにしたLPのコーディングサンプルです。提供されたデザインデータをもとに構築を行いました。

スマートフォン、タブレット、パソコンのどのデバイスからも快適に閲覧できるレスポンシブデザインで、要所にアニメーションを取り入れたWebサイトです。

コードを1px単位で調整してデザインを忠実に再現する、ピクセルパーフェクトを実施しています。

制作のポイント

ページのどの位置にいてもメニューやお問い合わせにアクセスしやすいよう、スクロールしても常に画面上部についてくる「追従ヘッダー」を実装しています。

「企業のロゴ紹介」と「サービス紹介」で、異なる動作のスライダーを実装しています。
ロゴ紹介は自動で流れる動き、サービス紹介は切り替える動きで、それぞれの項目の役割に適した見せ方になっています。

質問をクリックすると回答が表示される仕組み（アコーディオン）を実装しています。
回答を閉じておくことで質問文だけが並ぶため、知りたい情報をスムーズに探しやすくなります。

必須項目をすべて入力するまで送信ボタンを押せない仕様や、送信完了のメッセージを画面切り替えなしで表示する機能を実装しています。迷わず操作できるよう配慮した作りです。

ページをスクロールして読み進めるタイミングで画像や文字がフワッと現れる演出を実装しています。
視線を自然に誘導する視覚的な効果に加え、サイト全体の印象をより洗練させる役割があります。

お見積もりやご相談は無料です。まずはお気軽にお問い合わせください。