架空のテーマパークの採用サイト

OVERVIEW

架空のテーマパークの採用サイトをコーディングしました。 ※デザインカンプ(Figma)より、コーディングの課題をもとに、ロゴや配色、題材、画像、テキストを変え、半オリジナル化をした架空の作品です。

制作内容 

サイトURL

https://wp892167.wpx.jp/world-explorer-park

※Basic認証をかけております。
 お手数をおかけしますが、下記ID/パスワードをご入力ください。

   ユーザー名 : demo
   パスワード : demosite


  • なぜテーマパークの採用サイトを制作しようとしたのか
    テーマパークという身近で魅力的な環境で様々な業種があるというところに興味を持ちました。この採用サイトを通して、それぞれの業種に求める人物像や職務内容をただ伝えるだけでなく、すっきりと見やすく、また、明るく楽しい雰囲気も伝わるような配色や画像等を用いて仕上げることを目標としました。


  • 作成ポイント
    <トップページ>
    ・ファーストビューの人物画像はアニメーションを実装し、3枚の画像が切り替わります。こうすることでユーザーに印象に残るようにしています。
    ・ヘッダーはファーストビューより下にスクロールすると固定して表示させています。

    <エントリーページ>
    ・必須項目が全て入力されていないと「エントリーする」のボタンが押せないようになっています。

    <全ページ共通>
    ・サイト読み込み時にローディング画面を実装し、読み込み時間を視覚的に表現することで、ユーザーの待ち時間を短く感じさせます。
    ・上部ナビゲーション「MY PAGEはこちら」をクリックするとモーダルが展開します。その画面内では入力枠に全て入力しないとボタンが押せないようになっています。
    ・上部のナビゲーションをクリックすると、トップページの該当セクションへ移動します。これによりユーザーの操作性を向上させます。
WEBSITE