01
消防設備・採用
消防設備会社向け採用サイト
HTML / CSS / JavaScript
仕事紹介、一日の流れ、研修などを案内する採用サイトです。ページ内ナビゲーション、スマートフォン用メニュー、Escapeキーでメニューを閉じる操作を実装しています。
対応業務
必要な工程から、
ご相談いただけます。
デザインデータや仕様を確認したうえで、ページ単位のコーディングから既存サイトの修正、フロントエンドUIの実装まで対応します。
- 01
Webサイトのコーディング
HTML / CSS / JavaScriptを基本に、企業サイトやサービスサイト、LPなどを実装します。
- 02
レスポンシブ対応
パソコンとスマートフォンの両方で、情報を読みやすく操作しやすい表示に整えます。
- 03
既存サイトの修正・ページ追加
文章や画像の差し替え、表示崩れの調整、新しいページの追加などに対応します。
- 04
フロントエンドUI実装
React / TypeScriptを使ったフォームやメニューなど、操作を伴う画面の実装をご相談いただけます。
CMSへの組み込み、バックエンド開発、外部サービスとの連携を含む場合は、仕様と制作体制を確認して対応可否をご案内します。
制作例
実装の違いを、
公開ページで確認できます。
業種や目的の異なるWebサイトを、自主制作として公開しています。デザインだけでなく、ページ構成、レスポンシブ対応、操作部分の実装も実際のページでご確認いただけます。
公開ページを見る
02
建設・設備・保守
設備事業者向けWebサイト
HTML / CSS / JavaScript・5ページ
共通ナビゲーション、下層ページ、スマートフォン用メニューを備えた、BtoB向けの複数ページ構成です。
03
士業・専門サービス
専門サービス向けWebサイト
1ページ構成・レスポンシブ対応
取扱業務、相談の流れ、料金、事務所情報を整理し、ページ内ナビゲーションとスマートフォン表示を実装しています。
04
飲食店・カフェ
小規模店舗向けWebサイト
HTML / CSS / JavaScript
写真、書体、余白を活かしたデザインと、来店前に必要な情報をまとめたスマートフォン対応のサイトです。
掲載している4件は、いずれも架空の事業者を想定した自主制作です。実案件の受託実績ではありません。
制作例一覧を見る実装で大切にしていること
引き継ぎや修正まで
考えて実装します。
公開時の見た目だけでなく、制作途中の確認や、納品後に別の担当者が扱う場面も意識して進めます。
01
デザインと仕様の意図を確認する
見た目だけで判断せず、画面の役割や操作の流れを確認します。不明点は実装前に整理し、認識のずれを減らします。
02
内容に合ったHTML構造にする
見出しの順序やフォームのラベル、キーボード操作などを確認し、情報の意味が伝わる構造を心がけます。
03
あとから修正しやすくする
共通する表示やスタイルを整理し、必要以上に複雑な構成にしません。ページ追加や文章変更も考えて実装します。
04
表示を確認して共有する
パソコンとスマートフォンの主な表示幅を確認し、修正した内容や確認が必要な点を分かりやすく共有します。
制作体制・進め方
内容と担当範囲を
確認してから進めます。
ページ単位のコーディングや既存サイトの修正など、ご依頼範囲に合わせて進め方を整理します。内容が固まっていない場合も、現在分かる範囲からご相談いただけます。
01
ご相談
対象ページ、デザインデータ、希望納期、既存サイトやソースコードの有無をお知らせください。
02
仕様確認・お見積り
担当範囲、必要な機能、対応環境、納品形式を確認し、料金とスケジュールをご案内します。
03
実装・確認用データの共有
仕様に沿って実装し、確認用ページまたはデータを共有します。途中確認が必要な場合は、確認時期も事前に決めます。
04
修正・納品
ご確認内容を反映し、合意した形式で納品します。納品後の追加修正やページ追加もご相談いただけます。
- 沖縄を拠点に全国リモート対応
- ページ単位・一部工程から相談可能
- Git / GitHubを使った受け渡しに対応
- そのほかの連絡・管理ツールは相談可能
制作会社様からのご相談
コーディング・実装について、
まずはご相談ください。
対象ページや希望納期など、現在分かる範囲でお知らせください。内容を確認後、対応可否をご連絡します。
フォームを利用できない場合は、info@asteracorp.jpまでメールでご連絡ください。