WEBサイト

デモ看護師求人サイト

Claude Code・Design HTML/ CSS GitHub
TECH
使用技術
Claude Code・Design / HTML/ CSS / GitHub

制作エピソード

看護師求人サイト

Claude Design を使ってデザインの作成、Claude Code を使ってコーディングを行い、デモ用の求人サイトの作成を行いました。
主にトップページを作成しました。
(下層ページは病院詳細ページと、一覧ページの2ページのみ)

ターゲット

・看護師の採用を強化したい病院やクリニック
・求人情報を分かりやすく掲載し、応募数を増やしたい医療系事業者
・低コストかつ短期間で求人サイトを立ち上げたい企業

目的

・検索機能やエリア検索などを備えた、求人サイト風のデモサイトを制作
・複雑な構造になりやすい求人サイトを、AIを活用して効率的に制作できるか検証する

製作期間

2日間

URL

https://sample-nursejob.fanelab.com

制作に関するエピソード

「複雑な求人サイトをAIを使って短時間で効率的に作成」

このサイトは、看護師向け求人サイトをイメージして制作したデモサイトです。
求人サイトは通常のコーポレートサイトやLPと比べて、
・求人一覧
・検索機能
・勤務地や条件ごとの絞り込み
・情報量の多いページ構成
など、必要な要素が多く、制作工数が大きくなりやすい特徴があります。

今回の制作では、Claude(AI)によるデザイン提案と、Claude Codeを活用したコーディングを取り入れることで、複雑なサイト構成でも比較的スムーズに制作を進めることができました。

特に、ページ構成やレイアウトのベース作成をAIで効率化できたことで、細かなUI調整やデザイン改善に時間を使うことができました。
従来であれば時間がかかる求人サイト制作も、AIを活用することで制作スピードを上げられる可能性を感じました。

「低コストで提案しやすい」

また、制作工数を削減できる分、実際の案件でも比較的低コストで提案しやすいというメリットがあると感じています。
「まずは求人サイトを作りたい」「できるだけ費用を抑えたい」といったニーズにも対応しやすい制作方法だと考えています。

「AIだけでは不十分な点を調整する力」

一方で、AIだけでは細かなデザイン調整や情報整理が難しい場面もあり、最終的な見やすさや使いやすさを高めるためには、人の手による調整が重要であることも学びました。

この制作を通して、AIを活用した効率的なWeb制作と、複雑なサイト構成への対応力を学ぶことができました。

作品一覧へ戻る