WEB DESIGN & DEVELOPMENT
お店や事業の想いを、伝わるWebサイトに。構成・デザインから実装、スマートフォン対応まで丁寧に整えます。
イセリソウゴ Webデザイン・実装
WORKS / 01
事業の個性と、使う人の目的に合わせて。
制作の意図もあわせてご紹介します。
すべて自主制作のデモサイトです。店舗・企業・掲載事例は架空であり、実際の納品実績ではありません。
デモを見る 自主制作・架空のデモサイト
自然素材の住まいの魅力と、家づくりの相談までの道筋を伝えるコーポレートサイト。
制作範囲トップページの構成・デザイン・フロントエンド実装（自主制作）。
木や緑の写真を大きく使い、生成りと落ち着いた緑で自然素材の温かみを表現。明朝体で見出しを整えました。
家づくりの考え方、3つのこだわり、施工例、相談の流れを順に配置し、検討に必要な情報から相談へつなげています。
画面幅に応じた写真とレイアウト、モバイルメニュー、ページ内案内を実装。動きを減らす設定にも対応しています。
HTML / CSS / JavaScript。トップページのデモです。下層の詳細は制作準備中の案内を表示します。写真は制作サンプル用の生成画像です。
デモを見る 自主制作・架空のデモサイト
整備内容と相談の手順を整理し、初めての方にも安心感が伝わるサイト。
制作範囲トップページの構成・デザイン・フロントエンド実装（自主制作）。
墨色と控えめな金色、整備風景の写真で技術への誠実さを表現。サービスごとの区切りを明確にしました。
サービス、整備事例、設備、利用の流れ、よくある質問の順に配置し、相談前の疑問を解消できる流れを意識しました。
FAQの開閉、サービスメニュー、キーボードで閉じられる制作準備中のダイアログを実装しています。
HTML / CSS / JavaScript / Vite / Lucide。トップページのデモです。掲載した整備事例と店舗情報は架空で、画像はイメージです。
デモを見る 自主制作・架空のデモサイト
メニュー・料金と営業情報を見つけやすくした、小さな美容室の3ページ構成。
制作範囲トップ・メニュー／料金・店舗案内の構成・デザイン・フロントエンド実装（自主制作）。
自然光のある店内写真と木・ベージュの配色で、落ち着いて相談できる小さなサロンの雰囲気を表現しました。
営業時間・定休日・駐車場を早い位置で提示。メニュー／料金と店舗案内を別ページに分け、目的の情報へ進める構成にしています。
3ページ共通のナビゲーション、モバイルメニュー、電話・LINEへ実際には発信しない予約デモを実装しています。
HTML / CSS / JavaScript。店舗・スタッフ・所在地は架空です。内観写真と人物イラストには生成画像を使用しています。
デモを見る 自主制作・架空のデモサイト
サービス内容と料金を整理し、はじめての方にも相談の流れがわかるハウスクリーニングのサイト。
制作範囲トップページとサービス詳細・料金表・入力内容確認の画面（自主制作デモ）。
白と青を基調に、清潔感を伝える写真と親しみやすい丸みのある見出しを組み合わせています。
サービス、選ばれる理由、料金、サンプルのお客様の声、FAQ、相談フォームを一つのページに整理しています。
サービスと料金の詳細はダイアログで表示。FAQの開閉、モバイルメニュー、相談するサービスの選択、入力内容の確認に対応しています。
HTML / CSS / JavaScript。写真は生成画像、料金・お客様の声・電話番号はサンプルです。フォームは入力確認のみで、外部送信・予約は行いません。
LET’S TALK
つくりたいものが決まっていなくても、目的の整理からご相談いただけます。
ホームページは、ただ情報を並べるだけのものではありません。
お店や事業の魅力を見つけ、必要な人へ届けるための大切な場所。
灯は、一つひとつの想いに寄り添うWeb制作を目指しています。
SERVICE / 03
はじめの一歩から、その先まで。
必要な範囲を、一緒に整理します。
01 / Website
事業やお店の紹介から、サービスの案内、お問い合わせまで。必要な情報とページ構成を整理し、スマートフォンでも読みやすいサイトを制作します。
02 / Landing page
ひとつの商品やサービスを伝える、一枚のページ。誰に何を届けるかを整理し、紹介から相談までの流れを組み立てます。
03 / Improvement
文章や画像の更新、見づらい箇所の見直しなど、現在のサイトを確認して対応できる範囲をご提案します。
04 / Responsive
文字や画像のはみ出し、押しづらいボタンなどを見直し、小さな画面でも操作しやすいレイアウトへ整えます。
目的、現在のお困りごと、掲載したい内容をお聞かせください。
制作範囲と必要な素材を整理し、費用・進め方・納期をご提案します。
方向性を確認しながら、画面デザインと実装を進めます。
表示や操作を確認し、修正を反映したうえでお引き渡しします。
ご要望を整理しながら、目的に合ったサイトを考えます。
見た目だけでなく、使いやすさや読みやすさを大切にします。
初めてのホームページ制作でも相談しやすい対応を心がけます。
つくり手について
灯（AKARI DESIGN）として、Webサイト制作に取り組んでいます。
お客様の想いや事業の魅力を大切にしながら、見やすく、伝わりやすいWebサイトを目指しています。まずはお話を伺い、目的や掲載内容を一緒に整理することから始めます。
イセリソウゴ Webデザイン・フロントエンド制作
CONTACT / 06
小さなご相談からでも、お気軽にお聞かせください。 ひとつひとつの想いに、丁寧に向き合います。
TELL ME ABOUT YOUR PROJECT
ご相談内容をお聞かせください。
必須 の項目をご入力ください。
フォームの送信にはJavaScriptを有効にしてください。メールでのご相談も承ります。
