Welcome to my site!

Xのアイコンyoki_47

積み重ねた時間で、磨き上げたスキル

デザイン品質とメンテナンス性に
妥協のないコーディング

制作実績を見る
FreshGrove

FreshGrove

  • LP

概要

AIプラットフォームをイメージした、エネルギッシュでカラフルかつポップなLPです。PC版ではタブ切り替え、スマートフォン版ではアコーディオンになるコンテンツなど初実装が多々ありましたが、実際の動きを想像した制作ができました。

見どころ

✅FV：レスポンシブを意識した動き
✅「Values」セクション：PC時タブ切り替え↔︎SP時アコーディオンへの切り替え

サイトURL

https://yoki-create.site/fresh-grove/

デザインカンプ

Figma

担当

コーディング

制作期間

12日間

目安金額

70,000～90,000円
DayMaga

DayMaga

  • WordPress

概要

スクールのチャレンジ企画で作成したWordPressサイトです。12日間以内にコーディング〜WordPressまで一気通貫で完成を目指すもので、幸い期限内に提出することはできました。デザイン品質を評価いただけたものの、一部データ連携できていない箇所があり惜しくも合格とはなりませんでした。その後正しい実装方法を3日ほどかけ調査し不足箇所を補った結果、本当に納得のいく制作物となりました。

構成

6ページ(TOP/一覧/カテゴリ/タクソノミー/詳細/404)

見どころ

✅「すべての記事」セクション：記事毎のタブ切り替え、カテゴリ毎の記事表示、キーワード絞り込み機能
✅記事詳細ページ：リストやテーブルデザインの表現

サイトURL

https://yoki-create.site/day-maga/

ログイン情報

demo/demo

デザインカンプ

Figma

担当

コーディング

制作期間

10日間

目安金額

80,000～100,000円
みなみ歯科クリニック

みなみ歯科クリニック

  • WordPress

概要

歯医者さんをイメージしたWordPressサイトです。FLOCSSの設計手法を初めて採り入れ、何度も復習し完成させました。自身にとっては初となるコーディングからのWordPressサイト。苦労した分、特に思い入れのある制作物となりました。

構成

11ページ(TOP/固定*3/投稿/詳細/お問い合わせ*2/サンクス*2/404)

見どころ

✅各投稿機能分け
✅「スタッフ紹介」ページ：ターム毎のカスタムフィールド表示

サイトURL

https://yoki-create.site/minami-shika/

ログイン情報

demo/demo

デザインカンプ

Figma

担当

コーディング

制作期間

1ケ月

目安金額

150,000～180,000円
Onomichi

Onomichi

  • LP

概要

広島県尾道市のキャンペーンをイメージした大変賑やかなLPです。あしらいやスライダー、グリッドレイアウトなど複雑な実装が多く苦戦しましたが、一つ一つ調べ上げ納得のいく仕上がりとなりました。

見どころ

✅全体的なあしらい配置
✅「Prize」セクション：グリッドによるレスポンシブ

サイトURL

https://yoki-create.site/onomichi/

デザインカンプ

Figma

担当

コーディング

制作期間

10日間

目安金額

70,000～90,000円
Sample Corp

Sample Corp

  • LP

概要

随所に夏目漱石の名言が散りばめられている、スタイリッシュでシンプル、モノトーンな雰囲気漂うLPです。背景配置やスライダーに苦労しましたが、レスポンシブを想定して仕上げることができました。

見どころ

✅トリッキーな背景配置
✅「Result」セクション：スライダー表現

サイトURL

https://yoki-create.site/sample-corp/

デザインカンプ

Adobe XD

担当

コーディング

制作期間

7日間

目安金額

40,000～60,000円
酒田工務店

酒田工務店

  • LP

概要

工務店をイメージしたLPです。Photoshopでの初コーディングでしたが、比較的スピーディに仕上げることができました。

見どころ

✅ドロワーのよしな表現
✅スピード制作でのデザイン再現度

サイトURL

https://yoki-create.site/sakata-komu-ten/

デザインカンプ

Adobe XD

担当

コーディング

制作期間

3日間

目安金額

35,000～45,000円

scroll

ご提供できること

Services & Skills

  1. HP・LPコーディング

    PCのアイコン

    デザインカンプを元にHTML、CSS、JavaScript、PHP等を用いて制作いたします。デザインを忠実に再現し、レスポンシブやピクセルパーフェクトもご対応いたします。

  2. WordPress

    WordPressのアイコン

    オリジナルテーマでのWordPressサイト構築が可能です。既存テーマによるサイト構築や、静的サイトのWordPress化もご対応できます。

  3. サイト修正・ご相談

    吹き出しのアイコン

    文言変更や表示崩れなど、一部の細かい修正までご対応いたします。私が制作したサイト以外でも対応可能ですので、お気軽にご相談下さい。

スキル

  • HTML5アイコン HTML
  • CSSアイコン CSS
  • Sassアイコン Sass
  • JavaScriptアイコン JavaScript
  • jQueryアイコン jQuery
  • PHPアイコン PHP
  • WordPressアイコン WordPress
  • gulpアイコン gulp

主な使用ツール

  • Figma /
  • Adobe XD /
  • Adobe Photoshop /
  • Adobe Illustrator /
  • GitHub /

私の強み

Strengths

  1. 品質管理の徹底

    • 厳密な品質管理

      40以上のチェック項目に沿った品質チェックを実施しています。下記は抜粋部分です。詳細はこちらからご確認いただけます。

      品質チェックシートの画像

    • パフォーマンス最適化

      画像圧縮やWebP変換、納品ソース圧縮処理により、サイトの表示スピードを向上するよう工夫しています。

    • クロスブラウザ対応

      Chrome、Edge、Safari、Firefoxなど、モダンブラウザでの動作確認を徹底しています。

    • レスポンシブ対応

      PC、タブレット、スマートフォンなど、実機含む動作確認を徹底しています。

    • 保守性と拡張性

      設計手法にBEMやFLOCSSを採用し、「わかりやすく」「変更しやすい」コーディングを実施しています。

    01

    Quality control

  2. 丁寧な報連相

    • 報告

      専用スプレッドシートにて日々の進捗、修正/報告事項、確認事項などをご報告します。

    • 連絡

      ご対応時間内において常時チャットや電話が可能です。
      対応可能時間は9:00〜23:00となります。

    • 相談

      不明点があれば都度スプレッドシートに記載の上、ご相談いたします。

    02

    Communication

  3. 実務力×
    信頼構築スキル

    • 基礎知識の習得

      HTML、CSS、JavaScript、PHPなどの技術を習得済みです。

    • 柔軟な対応力

      前職の運用保守SE時代で培った顧客対応スキルを活かし、お客様のご要望を丁寧に汲み取ります。

    • 継続的な自己研鑽

      これまで2,500時間以上を費やし、常にスキルのアップデートに努めています。

    • コーディング実務検定に合格

      公式資格として、2025年1月に取得済みです。

    03

    Professionalism

ご依頼の流れとご料金

Flow & Price

  1. STEP

    01

    ご依頼、ご相談

    当サイトのContactフォーム、X（旧Twitter）のDM、公式LINE、メールよりお気軽にご相談下さい。

  2. STEP

    02

    お見積り、ご契約

    対応範囲やコーディング仕様、希望納期などを把握し、ご要件に応じたお見積りを提示いたします。
    金額や納期にご同意いただけましたら、正式にご契約となります。

  3. STEP

    03

    コーディング

    ご提供いただいたデータ、デザインカンプに基づき、コーディングを実施いたします。

  4. STEP

    04

    ご確認

    実施内容をテスト環境にてご確認いただき、不足箇所があれば修正いたします。
    納品後修正や、仕様変更の際は別途ご相談となります。

  5. STEP

    05

    納品、サイト公開

    お客様サーバーへのアップロード、コーディングファイル一式の送付をもちまして納品完了となります。

制作料金
基本料金
35,000円～
複雑な実装
5,000円～
期間
5日～
内容
カンプコーディング、高速表示、レスポンシブ対応、基本SEO対策など
制作料金
基本料金
TOP：45,000円～
下層：8,000円～/ページ
フォーム実装
8,000円
複雑な実装
5,000円～
期間
14日～
内容
カンプコーディング、高速表示、レスポンシブ対応、基本SEO対策、テーマ構築、基本セキュリティ対策など

※一般的な料金の目安です。実プロジェクトの複雑さや規模、納期などによって変動します。

※お客様のご要望やプロジェクトの詳細をお伺いした上で、個別にお見積りいたします。

※フォーム実装ではサンクスページも作成可能です。

※表示価格は税込です。

※現在、モニターとなっていただける方を募集中です！

まずはお気軽にご相談ください。

お問い合わせフォームへ eメールを送っているアイコン

よくあるご質問

faq

依頼するにあたって、何が必要となりますか？
  • サーバー情報やデザインカンプをご用意ください。ロゴや文書、画像データがあるとスムーズです。
ドメインやサーバーについてよくわかりませんが、大丈夫でしょうか？
  • ドメインやサーバー契約についてもサポート可能ですので、初めての方でもご安心ください。
制作期間はどれくらいかかりますか？
  • ご依頼の内容や規模によって異なりますが、一般的なLP制作であれば1〜2週間、WordPressサイトであれば2〜4週間を目安としています。お急ぎの場合もできる限り柔軟に対応いたしますので、ご相談ください。
SEOやスマホ表示も対応してもらえますか？
  • はい、基本的なSEO対策（metaタグやOGP設定）やレスポンシブ対応は標準で行っています。
ホームぺージ完成後の更新や管理はお願いできますでしょうか？
  • 可能です。保守対応として、文言や画像の差し替えなど軽微なものから、継続的な運用サポートまでご要望に応じて対応いたします。
本の写真
自転車の写真
コーヒーの写真

私について

About

yokiのアイコン
渕上 洋貴 Fuchigami Hiroki xのアイコン

1994年生まれ、京都府京都市在住のWebコーダーです。
1年間の開発研修後、官公庁のお客様のもとで運用保守サービスエンジニアとして6年間の勤務経験がございます。
お問い合わせや業務・トラブル対応には即時性や正確性が求められるため、長年緊張感を持ち携わってまいりました。
お客様との円滑なコミュニケーションを大切にし、正確かつ迅速にご要望にお応えいたします。

対応時間
14時間 (〜)
※基本1時間以内にご返信します。
特長
習慣化、継続力
趣味
旅、読書、グルメ、コーヒー、サイクリングなど。
興味が湧いたら一度は試してみるタイプです。

個人情報の取り扱いについて

Privacy Policy

当サイトでは、お問い合わせ時に取得したお名前・メールアドレスなどの個人情報について、以下の通り取り扱います。

1.個人情報の利用目的

取得した情報は、ご質問への回答やご連絡など、適切なご対応のためにのみ使用いたします。

2. 個人情報の第三者提供について

取得した個人情報を、法令に基づく場合を除き、第三者に提供することはありません。

3. 個人情報の管理について

取得した情報は、適切に管理し、漏洩・改ざん・不正アクセス等の防止に努めます。

4. アクセス解析ツールについて

このサイトでは、サイトの利用状況を把握するためにアクセス解析ツール（例：Google Analytics）を使用することがあります。
収集されるデータは匿名であり、個人を特定するものではありません。

5. プライバシーポリシーの変更について

本ポリシーの内容は、必要に応じて見直し、変更することがあります。
変更後の内容は、本ページにて随時お知らせいたします。

6. お問い合わせについて

ご自身の個人情報の開示・訂正・削除をご希望の場合は、下記お問い合わせ先よりご連絡ください。

メールアドレス：yoki47633@gmail.com

お問い合わせ

Contact

ご依頼・ご相談は をご確認の上、
お問い合わせフォーム、X（旧Twitter）のDM、公式LINE、メールよりご連絡ください。
ご相談は無料ですので、お気軽にどうぞ。

Xから問い合わせる LINEから問い合わせる メールから問い合わせる

    お問い合わせ種別