企業の魅力や仕事内容だけを並べるのではなく、**「この会社で働くことで、自分はどう変われるのか」**まで伝えることを意識して設計した採用サイトです。
ファーストビューでは、青と赤の大胆なカラー分割と人物写真を組み合わせ、企業としての力強さと、そこで働く人のリアルな表情を同時に表現。「進む。挑む。変わる。」というメッセージを大きく配置することで、訪問した瞬間にブランドの価値観が伝わる構成としています。
下層では「ビズリーチを知る」「仕事を知る」「働く環境を知る」と情報を整理し、企業理解から仕事内容、カルチャー、募集職種まで、求職者が自然な流れで読み進められる情報設計を採用。写真を大きく使ったビジュアル中心のレイアウトによって、文章だけでは伝わりにくい職場の雰囲気や人の魅力も視覚的に伝えています。
技術面では、HTML5 / CSS3 / JavaScriptをベースに、PC・タブレット・スマートフォンそれぞれの画面幅に合わせてレイアウトを最適化。特にスマートフォンでは、PC版のデザインを単純に縮小するのではなく、コンテンツの優先順位を見直し、写真・見出し・CTAが自然に目に入るレスポンシブ設計としています。
また、固定ヘッダーや募集職種への導線など、採用サイトとして重要な導線を常に意識し、「魅せるデザイン」と「応募につなげるUI」の両立を重視しました。
使用技術
HTML5 / CSS3 / JavaScript / Responsive Web Design
制作ポイント
ブランドイメージを強く印象づけるビジュアル設計
PC・SPを想定したレスポンシブ対応
採用候補者の視線を意識した情報設計
写真とタイポグラフィを活用した世界観づくり
募集要項・応募導線へのスムーズなナビゲーション
- カテゴリー
- HTML・CSSコーディング
- 業種
- 士業（個人事務所）
- 制作期間
-
14日
- 参考価格
-
130,000 円
- 最終更新日
-
2026年8月15日
制作者
12時間前
⭐安心⭐Webシステム、アプリ開発に特化した12年間の経験を持つエンジニア⭐成功⭐
-
3 件 満足0 残念
- シルバー
- 個人
英語・中国語・インドネシア語の3言語をビジネスレベルで活用でき、国際的なコミュニケーションや海外クライアントとの業務対応が可能です。
=========================================
正直に言うと、「最初から全部きれいに要件が決まっている仕事」のほうが、むしろうまくいかないことの方が多いです。
そういう案件はだいたい、出発点が“設計図”であって、“現実”じゃないからです。
だから私は、少し変わった聞き方をします。
「何を作りますか？」ではなくて、
「今、どこが一番うまく回っていませんか？」
あるクライアントの話があります。
古いWordPressサイトは更新されず、Excelは限界を迎え、業務は人の記憶の中でだけ動いている状態でした。
本人たちはそれを“普通”だと思っていましたが、外から見ると、あちこちで小さな摩擦が起き続けている状態です。
そこで最初にやったのは、開発でも設計でもなく、「バラバラの問題を一枚の地図にすること」でした。
私がやっているのは、技術の種類としてはバラバラです。
Web制作、業務システム、AI連携、自動化、インフラ構築。
ただ、やっていることは一つで、「人が無駄に考え続けている部分を減らすこと」です。
例えば、
・更新できなくなったサイトを、再び“触れる状態”に戻す
・Excelで回っている管理を、ミスが起きない仕組みに変える
・繰り返し作業をAPIやスクリプトで静かに消していく
・AIを導入しても、結局使われない問題ごと設計からやり直す
どれも違うようで、根っこは同じです。
面白いのは、多くの場合「依頼内容」は最初から存在していないということです。
・制作会社と連絡が途絶えている
・システムはあるが、誰も触れなくなっている
・やりたいことはあるが、構造に落とせない
・AIを使いたいが、どこから入れるべきか分からない
こうした状態は“未整理”ではなく、“まだ形になる前の状態”です。
私はそこをそのまま扱います。
設計書から始めることはしません。
まずやるのは、「現場で起きている違和感の分解」です。
それが終わると、自然にこうなります。
作るべきものが、後から決まる。
もし今、
これはシステム化できるのか
AIを入れる余地はあるのか
そもそもどこから直すべきなのか
そんな輪郭のない状態にいるなら、そのまま持ってきてください。
整っていないこと自体が、むしろスタート地点になります。
ポートフォリオ
実績・評価
誠実なご対応をして下さる方です。
評価コメントへの返信
私自身も10年以上IT分野に携わり、自分の技術や仕事に対して一定の自信を持って取り組んでまいりましたが、お客様の求められる品質基準の高さ、そしてその期待をさらに上回る実行力を間近で拝見し、改めて多くのことを学ばせていただきました。
このような素晴らしい方とご一緒にお仕事ができたことを、大変ありがたく感じております。
引き続き、何卒よろしくお願いいたします。
ありがとうございました。
評価コメントへの返信
実際に操作する中で、利用者の視点から触れてみることで、開発側だけでは見落としやすい細かな部分にも気づくことができました。とても有意義なテストでした。
一つひとつの確認を大切にしながら、より良いサービスを一緒につくっていければ嬉しく思います。今後とも、どうぞよろしくお願いいたします。