01
丁寧なヒアリングで本質を引き出す
お客様のホームページ制作の目的や、掲載したいターゲット層に合わせた最適なレイアウト設計をご提案します。
Figmaからのコーディング・WordPress対応も可能
「見やすさ」と
「丁寧なつくり」にこだわります。
中小企業やクリニック、個人店舗などのホームページ制作を行っています。
スマホで見ても崩れない丁寧な実装と、訪れる人が迷わないレイアウト設計で、
長くきれいに使えるWebサイトを、1サイトずつ手作業で丁寧に構築します。
PROBLEMS
こんなお悩みありませんか？
▲
現在のホームページが古く、競合他社に見劣りする
▲
スマホに対応しておらず、画面が小さくて見づらい
▲
何を載せればいいか分からず、サイト作りが進まない
▲
アクセスはあるものの、実際の集客に繋がらない
▲
自社の魅力や信頼感がしっかりと見込客に伝わらない
そのお悩み、私がお手伝いします。
ただ見た目が綺麗なWebサイトを作るだけではありません。
「どのような情報を載せれば見込客が安心するか」をご一緒に整理し、
スマホ対応から、検索エンジンを意識した丁寧な構築まで一括して行います。
WHY ME
私が選ばれる理由
「サーバーとかよくわからない」「準備するものが知りたい」という初めての依頼でも、
進め方を一つひとつ分かりやすくご案内いたしますので安心してお任せください。
02
スマホ最適化（レスポンシブ）を徹底
現在のWebサイトへのアクセスの大半はスマートフォンからです。小さな画面でも文字が読みやすく、指でボタンを押しやすいレイアウトを追求します。
03
使いやすさを追求した操作性（UI/UX）
サイトを訪れたユーザーが欲しい情報に迷わずアクセスできるよう、分かりやすいナビゲーションやクリックしやすいリンク配置を行います。
04
SEOに考慮したコーディング設計
見出しタグ（hタグ）の正しいマークアップや、表示速度の軽量化、画像の代替テキスト（alt属性）の適切な設定など、基礎的なSEO内部対策を行います。
05
WordPress構築による簡単更新
お知らせ機能やブログなど、納品後にお客様自身で記事や画像を簡単に追加・更新できる仕組みを構築します。
06
3時間以内の迅速なチャット返信
日中のチャットは原則3時間以内にご返信いたします。また、進捗状況を週に2回丁寧にご報告し、「今どのような状況か分からない」という不安を解消します。
07
サーバーやドメイン取得もサポート
「サーバーの契約方法が分からない」「ドメインって何？」という方のために、契約画面を見ながらZoom等で丁寧に取得手順をサポートいたします。
08
デザイン決定前の修正は無制限
コーディング（Web構築）に入る前のデザインカンプ（画像）確認段階であれば、テキストや画像の修正はご納得いただけるまで無制限で対応いたします。
PORTFOLIO
制作実績
これまで制作した 0件 以上の実績の中から、代表的なプロジェクトをご紹介します。
※「サイトを見る」をクリックすると実際の表示や動作をご確認いただけます。
IT企業 / コーポレート
Nexora Technologies
事業強みをグラフ等で直感的に解説。社内ブログやお知らせを簡単に更新できるよう、WordPressを独自にカスタマイズしたコーポレートサイト。
カフェ・焙煎所 / コーポレート
Aurora Coffee Roasters
店舗アクセス情報や営業時間をスマホで見やすい位置に配置し、ナチュラルな写真構成で焙煎所のファン作りを狙った店舗サイト。
旅行・ライフスタイル / メディア
旅行メディア
長文の記事を読んでも目が疲れにくいよう、文字サイズと行間の比率を0.1px単位で微調整し、回遊性と広告クリック率を高めたWebマガジン。
Web制作 / ポートフォリオ
ポートフォリオサイト
丁寧なつくりとインタラクティブなアニメーションにこだわった、自身のWeb制作事業を紹介するポートフォリオサイト。全デバイスに対応したレスポンシブ設計。
SERVICES
対応できること
クラウドワークス内で対応可能な業務一覧です。デザインからコーディング、公開作業まで、ご要望に合わせて柔軟に対応いたします。
| サービス内容 | 対応範囲 | 特徴・メリット | こんな方におすすめ |
|---|---|---|---|
| LP制作 | 構成提案 / デザイン / コーディング / スマホ最適化 / CV動線設計 | 商品やサービスの魅力を1ページに凝縮。お問い合わせや申し込みの獲得（CVR）に特化した構成で制作します。 | 新商品のキャンペーンを行いたい方、リスティング広告・SNS広告などの着地先をお探しの方。 |
| コーポレートサイト／ 店舗サイト制作 |
構成提案 / デザイン / コーディング / スマホ最適化 / 各種基本設定 | 会社や店舗の社会的信用を高め、自社の強みや特徴が見込客にしっかりと伝わるWebサイトを構築します。 | 自社・自店舗の公式サイトを作りたい方、競合他社に負けない信頼感のあるWebサイトが欲しい方。 |
| WordPress・Wixサイト制作 | 構成提案 / デザイン / コーディング / スマホ最適化 / 各種設定 / 操作説明 | お知らせやブログ機能などを組み込み、専門知識がなくても納品後に写真やテキストを簡単に更新できる仕組みを作ります。 | 自社でこまめにお知らせや実績を更新したい方、簡単にサイト更新を内製化したい方。 |
| Figma等のデザインデータからのコーディング | デザインの忠実再現 / スマホ対応 / アニメーション / 各種ファイル化 | FigmaやAdobe XDなどの完成したデザインデータを受け取り、1pxの余白や見栄えまで忠実にホームページとして構築します。 | 自社にデザイナーはいるがコーディングを行える人がいない方、制作会社様からのコーディング代行。 |
| 既存サイトの修正・更新 | テキスト・写真変更 / 新規ページ追加 / レイアウト調整 / バグ修正 | すでに公開されているホームページの文字の修正、写真の差し替え、新規コンテンツの追加などを迅速に行います。 | サイトを作った会社と連絡が取れなくなった方、簡単な更新をスポットで依頼したい方。 |
| レスポンシブ対応 | 既存サイトのスマホ対応化 / 表示調整 / テスト検証 | パソコン専用に作られた古いホームページを、スマートフォンやタブレットで見ても自動で崩れず見やすくなるように改修します。 | 昔作ったホームページをスマホ対応にリニューアルしたい方。 |
| サーバーへのアップロード・公開作業 | サーバー契約サポート / ドメイン取得サポート / ファイルアップ / 公開確認 | 制作したホームページのデータをレンタルサーバーへアップロードし、インターネット上に一般公開するまでの作業を行います。 | ホームページのデータ（HTML）はあるが、公開する方法が分からない方、サーバー手続きに不安がある方。 |
WORK FLOW
制作の流れ
ご相談から公開・納品まで、以下のステップで進めてまいります。各工程でお客様にご確認いただきながら進行します。
STEP 01
ヒアリング・お見積もり
ホームページを制作する目的、ご希望のデザインのイメージ、必要な機能（ブログやお問い合わせなど）を丁寧にお聞きします。ヒアリング後、最適な構成案とお見積もりをご提示します。
STEP 02
掲載素材・文章のご準備
サイトに掲載する原稿テキスト、ロゴデータ、写真などの素材をご提供いただきます。「どんな文章を用意したらいいか分からない」という場合も、必要な項目の一覧をお渡ししてサポートします。
STEP 03
構成案・デザインの作成
デザインカンプ（完成イメージ画像）を作成し、ご確認いただきます。ページのレイアウトや配色にズレやイメージの相違がないか、この段階ですり合わせを行い、必要に応じて修正します。
STEP 04
コーディング（開発）
デザインが確定後、実際にブラウザで動く形にコードを記述していきます。スマートフォンやタブレットでの表示確認はもちろん、アニメーションや各種ボタンが正常に動作するかテストします。
STEP 05
テスト公開・ご確認
弊社のテスト用サーバーへサイトをアップロードし、実際のスマートフォンやパソコンでお客様に全体の表示と動作をご確認いただきます。最終的な微調整はこの段階で行います。
STEP 06
公開・納品
お客様ご指定のサーバーへ本番データを移行（またはWordPressの公開初期化）し、インターネット上に一般公開します。公開が無事に完了した時点で納品とさせていただきます。
ABOUT ME
自己紹介
丁寧なヒアリングと確かな技術で、
「長く使えるホームページ」を作ります。
はじめまして。Web制作を行っている “しん (SHIN)” と申します。
ホームページ制作やLP制作を中心に、スマホで見た時の美しさや、表示速度の速さなど、
実際にサイトを訪れる人がストレスを感じない「使い心地の良いWebサイト」の構築を得意としています。
制作にあたっては、事前に掲載する情報を整理し、見せ方の優先順位を明確にしてから着手します。
FigmaやXDなどのデザインデータをお持ちいただければ、余白の1pxまで忠実にコードへ反映いたします。
「何から準備すればいいか分からない」「サーバーの手続きが難しい」という場合も、
画面を共有しながら丁寧にサポートします。作業中の進捗もこまめに報告し、不安のないお取引をお約束します。
使用技術 / スキル
- HTML5
- CSS3 / SCSS
- JavaScript (ES6+)
- WordPress (CMS)
- Git / GitHub
- レスポンシブWebデザイン
- Webアクセシビリティ対応
- 基本SEO内部対策
FAQ
よくある質問
はい、ご相談やお見積もりはすべて無料で承っております。ホームページ制作の目的や予算に応じて、最適な構成をご提案しますので、まずはお気軽にお問い合わせください。
はい、問題ございません。ヒアリングを進めながら、必要な原稿の項目や推奨する画像について丁寧にご案内いたします。写真素材がない場合は、弊社で高品質なフリー素材をご用意することも可能です。
はい、大歓迎です。Figma、Adobe XD、Photoshopなどの各種デザインデータからのHTML/CSS/JSコーディングや、WordPressへの組み込み作業のみでも承っております。デザイナー様のこだわりを忠実に再現します。
ご安心ください。レンタルサーバーの契約手続きや独自ドメインの取得方法については、オンライン通話（Zoom等）で画面を共有しながら、分かりやすくサポートいたします。推奨するサーバーのご紹介も行います。
納品後のテキストの軽微な変更やバグ修正につきましては、納品後1ヶ月間は無料で対応いたします。また、WordPressで制作した場合は、お客様自身でお知らせや記事を更新できるようマニュアルをご提供します。スポットでの修正対応も可能ですので、必要の際にお声がけください。
CONTACT
お問い合わせ・無料相談
ホームページ制作のご依頼、Figma等のコーディング代行、その他ご質問など、
まずはお気軽にお問い合わせください。内容を確認後、24時間以内にご返信いたします。