Web Design
& Development
構成整理、デザイン、レスポンシブ実装、フォーム、公開作業まで一貫して対応します。
- 企業・店舗サイト
- LP制作
- サイトリニューアル
WEB DESIGNCODINGWORDPRESS
つくるだけで、終わらせない。
デザインの意図を正しく読み取り、使いやすく、更新しやすく、
公開後も育てられるWebサイトを制作します。
制作会社さまの外部パートナー対応可
単発・継続、どちらもご相談いただけます。
WHAT I VALUE
きれいに作る。使いやすく整える。長く育てられる形にする。
Figmaなどのデザインデータをもとに、見た目の再現だけでなく、情報構造・操作性・更新性まで考えて実装します。
コーディング、WordPress構築、既存サイトの改修、公開後の保守まで。デザインと運用の間をつなぐ制作パートナーとして伴走します。
STRENGTH
「納品できる」から、 「安心して 任せられる」へ。
見た目、コード、公開後。どれか一つではなく、制作全体を見渡して進めます。
- 01
デザイン意図を読み取る
余白・文字組み・視線誘導まで確認し、画面幅が変わっても破綻しない形へ落とし込みます。
- 02
保守しやすく組み立てる
セマンティックなHTMLと再利用しやすいCSS設計で、修正や追加に強いコードを目指します。
- 03
公開後まで視野に入れる
更新方法、WordPress管理画面、表示確認、保守まで、運用担当者が困らない状態を整えます。
SERVICE
必要なところから、
柔軟に参加します。
デザインから公開までの一式はもちろん、コーディングのみ、WordPress化のみ、既存サイト改修にも対応します。
WORKS
作ったものと、
積み重ねてきたこと。
公開可能な自主制作と、守秘義務のある実務案件の一部をご紹介します。
- 01
Landing Page / Production Work
Naeba Prince Hotel
家族で楽しむグリーンシーズンの魅力を、にぎやかなビジュアルと動きで伝える特設LP。
- Coding
- Sass
- Responsive
- JavaScript
- Swiper
- GSAP
- 02
Corporate Site / Production Work
司法書士事務所サイト
専門性と相談しやすさを両立し、公開後の更新まで見据えて構築したコーポレートサイト。
- WordPress
- SWELL
- CF7
- Responsive
- 03
Client Work / Confidential
非公開案件
制作会社・事業会社のパートナーとして、既存サイト改修や更新、運用を継続的に支援。
- Maintenance
- WordPress
- Direction
- 04
Portfolio / This Website
NobLAB.
つくるだけで終わらせない姿勢と、実装の楽しさを体験として伝えるポートフォリオ。
- Astro
- Sass
- TypeScript
- GSAP
- 05
Veterinary Clinic / Demo
Lumiere Paw
飼い主と動物の不安をやわらげる、やさしい空気感と分かりやすさを大切にしたデモサイト。
- Design
- Coding
- GSAP
- Accessibility
- 06
Cafe / Demo
たろうのおうち
おうちのように過ごせるカフェを、温かい色と手触りのある表現でまとめたデモサイト。
- Coding
- WordPress
- Responsive
- Maintenance
PRICE
目的と範囲に合わせて、
無理のない形をご提案。
以下は標準的な実装を想定した目安です。ページ数・仕様・納期により個別にお見積もりします。
CODING
LPコーディング
¥50,000〜
- デザインデータ支給
- レスポンシブ対応
- 基本的なアニメーション
WEBSITE
小規模Webサイト
¥300,000〜
- 5ページ程度
- デザイン・コーディング
- フォーム・基本SEO設定
WORDPRESS
WordPress化
¥120,000〜
- 既存HTMLのWordPress化
- カスタム投稿対応
- 管理画面の更新設計
MAINTENANCE
保守・更新
¥10,000〜 /月
- WordPress更新
- 軽微な修正・調整
- バックアップ・保守
※原稿作成、撮影、複雑な機能・アニメーション、短納期対応は別途お見積もりとなります。
QUICK ESTIMATEかんたん見積もりを試す 必要な項目を選択すると、制作費用の目安を確認できます。FLOW
ご相談から公開まで。
内容が固まっていない段階でも大丈夫です。必要な情報と優先順位を一緒に整理します。
- 01
お問い合わせ
サイトの目的、希望時期、予算感など、分かる範囲でお知らせください。
- 02
ヒアリング
必要なページ、機能、素材、担当範囲を確認し、進め方を整理します。
- 03
制作・確認
進捗を共有しながら制作。表示・操作・レスポンシブを確認します。
- 04
公開・運用
公開作業と最終確認を行い、必要に応じて保守・更新も継続します。
Contact
一緒に、
使い続けられるサイトを。
コーディングのみ、WordPress化、既存サイトの改修、継続的な制作支援など、まずはご相談ください。