注文住宅業 × 採用サイト開発｜複雑なアニメーションとCMS構築を一手に担った
Webig 【サイト制作・システム開発】
0いいね
複雑なアニメーションとCMS構築をした事例紹介になります。
ご依頼の背景
クライアントは採用強化に向けて採用サイトの制作を計画しており、デザイナーによる本格的なデザインデータはすでに完成していました。しかし、そのデザインにはスクロール連動のテキストフェードイン、パララックス、グリッチアニメーション、無限スライドなど、高度なアニメーション表現が多数含まれていました。
さらに、社員インタビューや職種紹介、求人情報をCMSで管理・更新できる仕組みも必要で、アニメーションの複雑さに加えて機能面でもボリュームのある開発が求められていました。「デザインはある。でも実装できる人がいない。」という状況が続いており、せっかく作り込んだデザインをそのまま形にしてくれるエンジニアをお探しでした。
制作したもの・取り組んだこと
今回制作したのは、HTML / CSS / JavaScript をベースに、WordPressをCMS（コンテンツ管理システム）として組み合わせた採用サイトです。アニメーションにはGSAP（JavaScript製のアニメーションライブラリ）を使用し、スクロール連動のテキストフェードイン・パララックス・グリッチアニメーション・無限スライドなど、デザインデータで指定された表現をすべて忠実に実装しました。
社員インタビュー・職種紹介・求人情報はWordPressのカスタム投稿機能で管理できる仕組みを構築。担当者がコードに触れることなく情報を更新・追加できるようにしています。
アニメーションの実装では、テキストや説明だけではイメージのズレが生じやすいと判断し、先に動くものを作ってクライアントに確認してもらう進め方を取りました。認識合わせを早い段階で行うことで、手戻りを最小限に抑えています。また、開発中に想定外の仕様変更や追加要件が発生した際も、丁寧に対応しながらプロジェクトを完走しました。
制作サイトはこちら https://newgrad-join.sunpro36.co.jp
制作後の変化
納品後、「想定通りのアニメーションを実装してもらえた」「運用しやすい構成にしてもらえて助かった」とお言葉をいただきました。
また、今回のプロジェクトではWebの知識が少ないデザイナーさんとの協業という場面がありました。アニメーションの技術的な実現可否や実装方法についてこちらから積極的にアドバイスすることで、判断に迷う場面をスムーズに解消し、プロジェクトを前に進めることができました。コーディングの実装力だけでなく、Web全般の知識をもとにした提案・サポートも、今回の納品品質につながったと感じています。
お問い合わせ・ご相談
ご質問・ご相談は、以下からお気軽にどうぞ。 メール
この記事を書いた人
1いいね
- ステータス
- 現在対応可能
- 希望時給
- 3,000円～5,000円
- 活動エリア
- 東京都
現在、システム開発やWeb制作をしているエンジニアです。 LP/Wordpressサイトの開発と、Webアプリケーションのフルスタック開発が可能です。 住宅系事業会社のサイト制作やシステム開発、採用サイトの開発の経験が多いです。 また営業活動を楽にするツールを自社開発中でございます。 フロントエンド/ユーザーの使いやすさを意識した開発が得意で、デザインや設計からも対応可能です。 【主な実績】 ・注文住宅系事業会社のコーポレートサイト・採用サイト等の開発 複数件 ・注文住宅業の採用サイト (複雑なアニメーション実装も含む) ・ゴミ屋敷清掃/遺品整理/特殊清掃業のホームページ制作(企画〜デザイン〜開発を一貫対応) ・歯科医院のホームページ制作(企画〜デザイン〜開発を一貫対応) ・鍼灸院のホームページ制作(企画〜デザイン〜開発を一貫対応) ・芸能プロダクションのサイト制作 ・美容クリニックのサイト制作/LP制作 ・ホテル業のサイト制作 ・介護/デイケア業のホームページ制作 ・動画クリエイターのホームページ制作 複雑なアニメーション実装 ・社内システムの開発 地図情報/マップシステムを活用した顧客管理システム ・オンラインスクールの生徒・講師・教材管理システム ・性格診断コンテンツを利用した企業と求職者のマッチングサイト ・不動産会社のto C向け情報掲載サイトの開発 ・AI会話システムの開発 ・AIで従業員の体調を分析するシステム ・スタートアップ企業の新規事業Saasのシステム開発複数 ・その他、Webサイト制作の100件近く対応 ・ご縁があり、長野県の企業のホームページ制作をすることが多いです 【自己紹介】 フロントエンド・バックエンド開発、顧客折衝、チームリードを担当。 AIなどのモダンな技術を活用し、UI/UXを重視したSaas開発や社内システム開発を中心に活動。サイト制作においては、5年間で100件近くのWeb制作実績を持つ。 技術記事の執筆や、勉強会の登壇も行う。 【使用技術】 React/Nextjs/Vue/Nuxt/HTML/CSS/C++/Ruby On Rails/AWS/GCP/Supabase 【略歴】 2023年 - 現在 Web開発会社2社で勤務 Webシステム開発とサイト制作を担当。設計から納品まで一貫して対応し、チームマネジメントも実施。 AIを活用した開発で、効率的な制作を実現。年間10以上のSaasやシステム開発に携わる。 2021年 - 2022年 都内スタートアップWeb制作会社 CEOの直下でディレクターとして従事。個人事業も並行して運営。 コーポレートサイトやLPを中心に、60件以上のサイト制作を手掛ける。 SEO対策やデザイン、サイト設計も担当し、アクセス数の増加やコンバージョン率の改善に貢献。 2019年 - 2020年 大手通信会社 C++とシェルスクリプトを用いた大規模システムの開発に従事。 リプレイス案件も担当。 無料で相談も受け付けています。 興味がある方は、お気軽にご連絡くださいませ。
関連記事
顧客・物件・店舗などを地図で管理するマップシステムを開発します
- 現在のPV数
- 12
- いいね
- 1
はじめにこんにちは、システム開発、Web制作をしているエンジニアの荒井です。マップシステムの開発を最近はよくしております。 「顧客リストはExcelにあるけれど…
【過去制作事例】求職者向け性格診断サイト開発
- 現在のPV数
- 15
- いいね
- 0
採用サイトの制作を専門とするクライアントから、「求職者と企業をマッチングするサービスを作りたい。そのために性格診断サイトを作りたい」というご相談をいただきました…
外注先を1人の熟練エンジニアに絞るという選択肢
- 現在のPV数
- 26,494
- いいね
- 392
先日、Xでこんな投稿が広く拡散されていました。有識者、教えてください。 3000万払った開発会社の進捗が遅すぎるから「Gitのコミット履歴を見せてくれ」って言っ…
