html/マークアップ
seoを考慮した適切なマークアップ（bem記法）
- アクセシビリティ配慮
- wai-aria実装
- セマンティックhtml
welcome！
to my portfolio
アイデアを形に、サイトに魂を。
about 私について
小原 寿俊 kohara hisatoshi
年生れ、名古屋生まれ名古屋育ち
こんにちは！ 愛妻家のフリーランスwebコーダーのひさです。 星空が夫婦共に好きなので『React』を使って背景アニメーションを実装してます。 web制作を選んだ理由は、ただパソコン1つで仕事できるからではなく、自分の手で「形」にしていくクリエイティブなプロセスに惹かれたからです。わかりやすく、価値ある体験を届けられる。 それがWEB制作の逸品であり、私がこの仕事に情熱を注ぐ理由です。 「ただ作る」だけでなく、クライアントの想いを大切にし、わかりやすく心地よいサイトを丁寧に仕上げます。
前職は異業種でしたが、自由な働き方と「自分の手で形にできるクリエイティブな楽しさ」に惹かれてWeb制作の道へ。独学とスクールで学び、今では多くの案件に携わっています。 妻との時間を大切にしながらも、最高の結果を届けるために全力を注ぎます。 「この人に任せたい」と思っていただけるよう、誠実に伴走させていただきます。
skills スキル・技術
お客様への3つのお約束
-
1. 売上につながるサイトパフォーマンス
表示速度の遅いサイトは、訪問者の半分以上が離脱すると言われています。ページの高速表示を実現し、機会損失を防ぐことで、お客様のビジネスの成果（お問い合わせや購入）に貢献します。プラグインを最小限に抑えたカスタム開発により、セキュリティを強化し、将来のメンテナンスコストも削減します。
-
2. 伴走型の丁寧なコミュニケーション
Web制作が初めての方でもご安心ください。専門用語を避け、分かりやすい言葉でご説明します。最短3時間以内の迅速な返信と、進捗の密な共有で、「プロジェクトがどこまで進んでいるか分からない」といった不安を感じさせません。お客様のビジネスに寄り添い、共にゴールを目指すパートナーとして信頼をお寄せいただいています。
-
3. 成果を最大化する柔軟な提案力
ただ言われた通りに作るだけではありません。お客様のビジネスの目的を深く理解し、目的達成のための最適な機能やデザインを積極的にご提案します。「集客を増やしたい」「ブランドイメージを高めたい」といったご要望に対し、これまでの経験を活かして成果を最大化するお手伝いをします。
scss/スタイリング
保守性の高いコーディング（bem設計）
- コンポーネント設計
- レスポンシブ対応
- アニメーション実装
word press開発
コアレベルでのカスタマイズ
- プラグインレスフォーム開発
- カスタムブロック実装
- カスタム投稿タイプ設計
javascript/jQuery
インタラクティブな実装とアニメーション制御
- スムーズなアニメーション実装
- バリデーション処理
- 非同期通信処理
php/word press
基本的なphpとwordpress開発
- カスタムブロック開発
- プラグインレスでのフォーム実装
- カスタム投稿タイプ設計
- データベース最適化
react
モダンなフロントエンド開発と高度なインタラクション実装
- パフォーマンス最適化されたUI構築
- インタラクティブなアニメーション
- 状態管理を活用した複雑な機能実装
使用環境
- os:
- windows
- ブラウザ:
- google chrome
- エディタ:
- visual studio code
- デバイス:
- iphone
works 制作実績
外国人講師の英会話教室BROWNS ENGLISH（ブラウンズイングリッシュ）
使用技術: HTML / SCSS / JavaScript / WordPress /Gutenbergカスタムブロック（プラグイン不使用）/カスタムフィールド（プラグイン不使用)
港区タロット占い処 SONO園 東京白金
使用技術: HTML/SCSS/Javascript/WordPress
DHC大豆イソフラボン エクオール
使用技術: HTML/SCSS/Javascript
株式会社ファミリア
使用技術: HTML/SCSS/Javascript/WordPress/自作お問い合わせフォーム(プラグイン不要)/カスタムフィールド（プラグイン不使用)
株式会社ハイファイフーズ
使用技術: HTML/SCSS/Javascript/WordPress/カスタムフィールド（プラグイン不使用)
MyPortfolio
使用技術: HTML/SCSS/Javascript/WordPress
Testimonials お客様の声
制作会社様 / 継続的なコーディング業務
派手さはないものの、
品質・構造・保守性を重視した安定感のある実装を常に提供していただいています。
トラブルになりにくく、
「気づいたら問題なく進んでいる」
そんな縁の下の力持ち的な存在として、安心してお任せできるコーダーです。
制作会社様 / 大規模サイト改修案件
既存サイトが画像ベースで構築されていた案件において、
テキストコーディングへ切り替える提案・実装をしていただき、表示速度の改善とSEO面での最適化を実現できました。
見た目だけでなく、
「なぜこの構造にするのか」「どのタグが適切か」まで考え抜かれており、
技術的な裏付けのあるコーディングだと感じました。
制作会社様 / WordPress構築案件
クライアント様の更新作業を想定したカスタムブロックの実装を行っていただき、
運用フェーズでの使いやすさが大きく向上しました。
制作時だけでなく、
「公開後に誰が・どう使うか」まで考えられている点は、
ディレクターとして非常にありがたかったです。
制作会社様 / コーディング業務
単に見た目を再現するだけでなく、HTMLの構造やセマンティックを意識したコーディングをしていただける点が印象的でした。
divやpタグで済ませるのではなく、SEOや将来的な運用を考慮した適切なタグ設計がされており、後工程の負担が軽減されました。
目に見えない部分まで丁寧に作られているため、
「長く使えるサイトになる」という安心感があります。
Price 料金表
🚀 ベーシックプラン
150,000円～
- 事業のスタートに最適なLP（1ページ）
- 高いレスポンシブ対応でどのデバイスでも最適表示
- 検索エンジンに評価される基本的なSEO設定
事業を立ち上げる個人事業主・小規模法人向け
📈 グロースプラン おすすめ
250,000円～
- ビジネス成長を加速させる小規模HP（3〜5ページ）
- デバイスを選ばない完璧なレスポンシブ対応
- 顧客獲得に繋がるSEO + 高機能お問い合わせフォーム
- 納品まで3回までの修正サポート
Webを活用し事業拡大を目指す小規模企業・店舗向け
✨ エグゼクティブプラン
400,000円～
- 企業価値を高める戦略的コーポレートサイト（6〜10ページ）
- あらゆるデバイスで最高品質を実現するレスポンシブ対応
- 集客に直結する高度なSEO戦略・継続的な情報発信を可能にするブログ機能（WordPress）
- 納品までの修正無制限サポート
- サイト公開後の初期運用サポート（ご希望に応じて調整）
ブランドイメージ確立とビジネス拡大を重視する中規模以上の企業向け
単品料金
| LP（静的） | 80,000円～ |
|---|---|
| LP（WordPress） | 100,000円～ |
| HP（3〜5ページ程度・個人／小規模向け） | 150,000円～ |
| コーポレートサイト（6〜10ページ・企業向け） | 200,000円～ ※デザイン確定済の場合 |
| 既存サイト修正 |
|
| 運用保守 |
月額 10,000円～
|
| その他 | デザイン・コーディングのセットでのご依頼も可能です。お気軽にご相談ください。 |
注意事項
- 修正について：初稿後3回まで無料。4回目以降と大幅な変更は別途お見積もり。
- 納期について：クライアント様とご連絡が取れず、当初納期より大幅に延期される場合は、別途延長料金をいただくことがございます。
Contact お問い合わせ
web制作に関するご相談・ご質問等、下記フォームよりお気軽にお声掛けください。 24時間以内には返信させていただきます。
このサイトはreCAPTCHA v3によって保護されており、Googleの プライバシーポリシーと 利用規約が適用されます。