Cafe Aroma
オーガニックコーヒーショップのコンセプトサイト。温かみのある配色とタイポグラフィで、お店の空気感を表現しました。
制作のポイント
AIコーディングによる初めての作品です。一杯のコーヒーのように調和の取れた、訪れた人がほっとするデザインを追求しました。「AIで作ったサイトでも、ちゃんと温かみは出せる」という原点になった制作です。
※お問い合わせフォームはデザインサンプルです。
サイトを見るWeb係のおじさん
「止まらないサイト」を支え続ける、あなたの街のWeb係。
10年以上のITインフラ経験を持つエンジニアが、
お客様の『困った』などを『安心』に変えます。
はじめまして。Web制作者の『ひではる』と申します。ネット上では『Web係のおじさん』と名乗っております。
私のWebキャリアは、2000年頃のHTML手書き時代から始まりました。最後にWeb作業していた時からもう10年以上のブランクがあるとはいえ、新聞社でのサイト制作やITインフラ保守の経験を活かし、現在はAIという相棒と共に、基礎を大切にした『運用に強いWeb制作』を行っています。
AIの速度と、人間の目による細やかな調整を組み合わせ、誠実なサイト制作をお約束します。
最新のAIコーディング技術をフル活用し、人間が数日かかるサイトの基礎構築を数時間に短縮しています。速さの秘密は、手抜きではなく「技術の正しい使い方」です。
AIで短縮できた時間は、お客様との対話や細かなデザイン調整に充てています。「速いけど雑」ではなく、「速いからこそ丁寧にできる」のが私の制作スタイルです。
iPhone・Linux・Windowsなど多様な機器を日常的に使いこなしているからこそ、制作工程そのものに無駄がありません。道具を熟知しているからこそ出せるスピードです。
オーガニックコーヒーショップのコンセプトサイト。温かみのある配色とタイポグラフィで、お店の空気感を表現しました。
AIコーディングによる初めての作品です。一杯のコーヒーのように調和の取れた、訪れた人がほっとするデザインを追求しました。「AIで作ったサイトでも、ちゃんと温かみは出せる」という原点になった制作です。
※お問い合わせフォームはデザインサンプルです。
サイトを見る
高級和食店のブランドサイト。縦書きレイアウトや余白を活かし、静謐で品格のある佇まいをデザインしました。
日本の美をWebで表現するために、実装の難しい「縦書きレイアウト」を多用しました。伝統的な佇まいを損なわず、スマホでもストレスなく操作できるよう、和の品格とモダンな使い心地の両立にこだわった一作です。
※予約ボタンなどの一部機能はデモ用（ダミー）です。
サイトを見る
パーソナルカラー＆骨格診断サロンのコンセプトサイト。トレンドのニュアンスカラーと余白を活かしたミニマルなデザインで、洗練された「垢抜け感」を表現しました。
20〜40代の女性がターゲット。清潔感と優しさを第一に、ターゲットの心に響く配色と空気感を形にしました。「このサロン、行ってみたいな」と思ってもらえることを目指したデザインです。
※スマホでの操作性を重視した、公式LINE連携デモサイトです。
サイトを見る
AIツール（Claude Code）を駆使して短時間で構築した、洗練された建築設計事務所のデモサイト。
「動きのあるサイト」への挑戦作です。画面に躍動感を与えるアニメーションや図形の動きを取り入れ、先進的な建築事務所にふさわしいスタイリッシュなイメージを表現しました。
※使用技術：HTML, CSS, JavaScript, Claude Code
サイトを見る
「あなたらしく咲く毎日を」をテーマにしたライフスタイルメディア。パーソナルスタイリングやウェルネストラッカー機能を持つデモサイトです。
Mallowが「静」の女性向けサイトなら、Bloomは「動」。動きのある華やかな演出で、活き活きとしたブランドの世界観を提案しました。同じ女性向けでも、雰囲気をガラリと変えられる表現力をお見せできる一作です。
※デモサイトのため、一部機能は制限されています。
サイトを見る
街の職人の粋をAIで可視化する、和菓子処「大黒庵」。看板メニューのふぶき（吹雪饅頭）をはじめ、四季折々の和菓子をお届けするデモサイトです。
地域に愛されながらも閉店してしまった実在の和菓子店を、AIの力で復元した特別な一作です。失われたお店の魅力を蘇らせることで、「自分のお店ももっと魅力的に発信できるかも」と商店街の店主様に感じていただける可能性を形にしました。
※デモサイトのため、和菓子の注文はできません。
サイトを見る
南インドの食文化・寺院・自然・祭りを紹介する情報ガイドサイト。WordPressのブロックテーマをゼロからカスタム開発し、お客様が自分でページを編集できるCMSサイトとして構築しました。
静的HTMLではなく、WordPressのブロックエディタで運用できるサイトに挑戦した一作です。カスタムテーマ開発、Docker環境構築、レスポンシブ対応、スクロールアニメーション、ページ間の回遊導線設計まで、CMS案件に必要な技術を一通り実践しました。
※使用技術：WordPress, PHP, Docker, カスタムブロックテーマ
サイトを見る
2000年頃の手書きHTML時代を知る制作者が、最新AIを駆使して平安の美を再現。長年のWeb歴が信頼の証となる、紫式部の世界を巡るポータルサイトです。
Docker / WSL2 / PHP 8.x による堅牢な開発基盤のもと、WordPress + Claude Code で構築。カスタム投稿タイプ、和歌のランダム表示、旧暦変換機能など、「顧客のこだわり」を形にするカスタマイズ力を発揮した一作です。
※使用技術：WordPress, PHP, Docker, WSL2, Claude Code
サイトを見るモダンコーディング
GASによるお問い合わせ自動連携
Antigravity等のAIツールを駆使した、デザイン・画像生成・コピーライティングを含む迅速なWebサイト構築
AIエージェントを活用した効率的なコーディングによる迅速な開発支援
カスタムブロックテーマ開発・CMS構築
コンテナによる開発環境構築
Ubuntu Serverによる自宅DB運用
バージョン管理・公開運用
お客様のご要望に合わせた、わかりやすい料金体系です。
お店や事業の紹介サイトに最適。「ちゃんとしたサイトが欲しい」方はこちら。
相談してみる「デザインも構成もおまかせしたい」方向けのフルサポートプランです。
相談してみる※ 上記は目安です。内容やページ数によって変動します。まずはお気軽にご相談ください。
ご相談から納品まで、4つのステップで進めます。
「こんなサイトが欲しい」というイメージをお聞かせください。メールやチャットでOK。専門用語は不要です。
ヒアリング内容をもとに、デザインとサイトを制作します。途中経過もお見せしながら進めるのでご安心ください。
完成したサイトをご確認いただき、「ここを変えたい」があれば修正します。ご納得いただけるまで対応します。
サイトを公開し、お引き渡し完了です。公開後の更新や困りごとも、お気軽にご相談ください。