Building Cleans And Scalable Websites And Scalable Websites
実装だけで終わらせない
成果につなげるホームページを
企業やブランドの強みを丁寧にヒアリングし、
伝わるデザインと分かりやすい構成でWebサイトを制作します。
公開後の運用や改善も見据えた設計で、長く使えるサイトをご提供します。
ホームページ制作に加え、EC・採用・観光業など目的に応じた構成設計を重視。
単なるコーディングではなく、目的達成を見据えた実装を行います。
中長期的な運用も見据えた構築が可能です。
Works 制作実績
グローバル教育企業の採用サイト制作。研修職種紹介やキャリアパスを整理し、ユーザーに選考意欲を高める構成とレスポンシブ実装を行いました。
実装のポイント
- Swiperを使用したヒーローセクションのカルーセル実装
- GSAP ScrollTriggerによるサービスセクションのフェードインアニメーション
- PC / タブレット / スマートフォンに対応したレスポンシブ設計
- コーポレートサイト
- Wordpress
WordPressを用いたブログサイトを構築。テーマカスタマイズや投稿機能、カテゴリ管理などCMS機能を実装し、更新しやすいサイト設計を行いました。
実装のポイント
- Swiperを使用したおすすめ記事カルーセルの実装
- PHPテンプレートを用いて投稿一覧・記事ページを実装
- BEM設計による再利用性の高いスタイル設計
- LPサイト
- HTML
タスク・スケジュール管理サービスを想定したLPとして制作。サービスの特徴やメリットが伝わる構成を意識し、ユーザーが機能を理解しやすい情報設計を行いました。
実装のポイント
- 各デバイスでも見やすいレイアウト設計とUIの最適化
- Swiperを用いたユーザーボイススライダーの実装
- GSAP ScrollTriggerによるコンテンツのフェードイン演出
- LPサイト
- HTML
豊かな暮らしをテーマにした情報サイトを制作。視認性の高いレイアウトとシンプルなUI設計により、ユーザーがコンテンツを直感的に読み進められる構成を意識しました
実装のポイント
- GSAP ScrollTriggerによる画像のパララックスアニメーション
- GSAP ScrollTriggerによるスクロール時のフェードイン演出
- コンテンツを整理したレイアウト設計
- LPサイト
- HTML
タスク管理サービスを想定したWebサイトを制作。シンプルで視認性の高いデザインを採用し、機能紹介や導線設計を通してサービスの特徴を分かりやすく伝える構成にしました。
実装のポイント
- 各デバイスでも見やすい設計を意識
- GSAP ScrollTriggerによるステップセクションの順次表示アニメーション
- Swiperを使用したユーザーボイススライダーの実装
- LPサイト
- HTML
グローバル教育企業の採用サイト制作。研修職種紹介やキャリアパスを整理し、ユーザーに選考意欲を高める構成とレスポンシブ実装を行いました。
実装のポイント
- Swiperを使用したヒーローセクションのカルーセル実装
- GSAP ScrollTriggerによるサービスセクションのフェードインアニメーション
- PC / タブレット / スマートフォンに対応したレスポンシブ設計
- コーポレートサイト
- HTML
グローバル教育企業の採用サイト制作。研修職種紹介やキャリアパスを整理し、ユーザーに選考意欲を高める構成とレスポンシブ実装を行いました。
実装のポイント
- Swiperを使用したヒーローセクションのカルーセル実装
- GSAP ScrollTriggerによるサービスセクションのフェードインアニメーション
- PC / タブレット / スマートフォンに対応したレスポンシブ設計
- ECサイト
- Shopify
ドライフラワーを中心としたオンラインショップとして制作。商品の世界観が伝わるデザインと、ユーザーが快適に商品を閲覧できるECサイト構成を意識しました。
実装のポイント
- ECサイトに適したレスポンシブレイアウト
- Shopifyテーマ構造を考慮したレスポンシブ設計
- Swiperを使用した商品スライダーの実装
- Shopify
- ECサイト
ハンドソープを中心としたECサイトとして制作。商品の世界観が伝わるビジュアル設計と、ユーザーが商品を探しやすいシンプルなUIを意識したオンラインストアです。
実装のポイント
- ブランドサイトを意識したレスポンシブレイアウト
- Shopifyテーマ構造を考慮したレスポンシブ設計
- Liquidを使用したテーマカスタマイズ
Profile 私について
-
KANALOGO
Web coder × Shopify Engineer
実装力 × 課題解決
-
事業主 kanalogo 事業形態 個人事業主 事業内容 Webサイトのコーディング・実装
ECサイトの構築拠点 岡山 資格・受賞歴 基本情報技術者
応用情報技術者経歴 デイトラshopifyコース卒業
デイトラshopifyアドバンスコース卒業後、フリーランス活動対応可能なスキル HTML / CSS（Sass） / JavaScript / jQuery / GSAP Swiper.js / WordPress（PHP）/ Liquid(shopify)
FLOW 流れについて
制作の流れ
-
要件確認
deliver better implementations
-
いただいたデザイン・画面一覧・動き・フォーム等を確認し、不明点は質問表で即解消。合意後、着手します。
-
セットアップ
websites with a focus on solving real problems.
-
コーディング方針（命名規則・ブレークポイント・対応ブラウザ）を確定し、確認用URLを常時公開します。
-
実装・レビュー
Providing fast and reliable coding support.
-
ページ単位で実装し、日次で反映。確認事項や修正は「情報共有シート」で管理します。
-
検証・納品・保証
Flexible working styles and reliable support
-
主要ブラウザ・実機で検証し、計測タグ・フォーム送信もテスト。ZipまたはGitで納品。納品後30日間は当方起因の不具合を無償対応します。
料金について
-
LPコーディング(1ページ)
Pixel-perfect coding that reproduces the design.
-
HTML・CSS・Javascriptを用いたLPサイトを構築
保守性のたかい設計を実現するためにBEMやFLOCSSを使用した設計や、効率的な開発の対応のためのgulp環境の使用60,000円 (税抜)から
-
ホームページ制作
websites with a strong focus on quality.
-
お客様の問題を解決するための丁寧なヒアリングからの最適なホームページのご提案。
Git環境でのコードの品質管理を実現いたします。80,000円 (税抜)から
-
WordPressオリジナルテーマ制作
through clear and effective communication.
-
オリジナルデザインでのWprdpressテーマを開発します。
お知らせやプログなどお客様の手で手軽に編集できる、拡張性を重視したWebサイトをご提供します。100,000円 (税抜)から
-
ECサイト制作(Shopify)
long-term operation and maintenance.
-
お客さの環境を考慮したECサイトをShopifyを使用してご提供します。
商品登録から決済方法の設定やアプリを使用した構築に加えてLiquidコードのカスタマイズまでご対応いたします。100,000円 (税抜)から
FAQ よくある質問
ホームページ制作を依頼するのが初めてでも大丈夫ですか？
- はい、大丈夫です。ヒアリングを通して目的や必要なページ構成をご提案します。初めての方でも安心して進められるようサポートいたします。
小規模なサイトでも依頼できますか？
- もちろん可能です。1ページのLPや小規模サイトなど、目的に合わせた最適な構成をご提案します。
既存サイトの改善だけお願いできますか？
- はい。デザイン改善、表示速度改善、UI改善など部分的なリニューアルも対応可能です。
ECサイトの制作は可能ですか？
- はい。Shopifyを使用したECサイト制作に対応しています。商品登録や基本設定もサポート可能です。
SEO対策も対応していますか？
- 基本的なSEO対策（構造設計・タグ設計・表示速度改善）は制作段階で対応しています。
ホームページ制作の費用はどれくらいですか？
- サイト規模によって異なりますが、一般的なコーポレートサイトで10万〜30万円程度が目安です。詳細はヒアリング後にお見積もりいたします。
見積もりは無料ですか？
- はい。ヒアリング後に無料でお見積もりを作成いたします。
制作期間はどれくらいですか？
- 一般的なサイトで3〜6週間程度です。ページ数や機能によって変わるため、スケジュールは事前にご相談します。
サーバーやドメインの取得はお願いできますか？
- はい。取得・設定までサポート可能です。
納品後に修正は可能ですか？
- 軽微な修正であれば対応可能です。大きな変更は別途ご相談となります。
サイト公開後のサポートはありますか？
- はい。更新作業やトラブル対応などの保守サポートが可能です。
サイト運用の相談はできますか？
- はい。アクセス改善やコンテンツ改善などのご相談も可能です。
アクセス解析は設定できますか？
- Google Analyticsなどを設定し、アクセス状況の確認ができるようにします。
サイトが表示されなくなった場合は対応してもらえますか？
- 原因調査や復旧サポートなど対応可能です。
長期的なWeb運用の相談はできますか？
- はい。サイト改善や集客施策など、継続的なサポートもご提案できます。
Contact お問い合わせ
お問い合わせありがとうございます。
制作のご相談やご依頼は、こちらからできます
制作に関わることやその他きがるにご相談ください
プライバシーポリシーを閉じる
Privacy Policy
プライバシーポリシー
本ウェブサイト（以下「当サイト」といいます。）は，本ウェブサイト上で提供するサービス（以下,「本サービス」といいます。）における， ユーザーの個人情報の取扱いについて，以下のとおりプライバシーポリシー（以下，「本ポリシー」といいます。）を定めます。
第1条（個人情報）
「個人情報」とは，個人情報保護法にいう「個人情報」を指すものとし，生存する個人に関する情報であって，当該情報に含まれる氏名， 生年月日，住所，電話番号，連絡先その他の記述等により特定の個人を識別できる情報及び容貌，指紋，声紋にかかるデータ，及び健康保険証の保険者番号などの当該情報単体から 特定の個人を識別できる情報（個人識別情報）を指します。
第2条（個人情報の収集方法）
当サイトでは、お問い合わせフォームの送信時などに、氏名、メールアドレス、電話番号、会社名等の個人情報をご提供いただく場合があります。
また、アクセス解析等のためにCookieやIPアドレス、閲覧履歴などの情報を自動的に取得する場合があります。
第3条（個人情報を収集・利用する目的）
当サイトが個人情報を収集・利用する目的は、以下のとおりです。
第4条（利用目的の変更）
当サイトは、利用目的が変更前と合理的な関連性を有すると認められる場合に限り、個人情報の利用目的を変更することがあります。
利用目的を変更した場合には、当サイト上にて公表するものとします。
第5条（個人情報の第三者提供）
当サイトは、次の場合を除き、ユーザーの同意を得ることなく第三者に個人情報を提供することはありません。
第7条（個人情報の訂正および削除）
ユーザーは、当サイトの保有する自己の個人情報が誤った情報である場合には、当サイトに対して個人情報の訂正、追加または削除を請求することができます。 当サイトは、ユーザーからの請求を受けてその必要があると判断した場合には、遅滞なく当該個人情報の訂正等を行います。
第8条（個人情報の利用停止）
当サイトは、ユーザー本人から個人情報が利用目的の範囲を超えて取り扱われているという理由、または不正に取得されたものであるという理由により、その利用の停止または消去を求められた場合には、必要な調査を行います。
その結果、請求に応じる必要があると判断した場合には、遅滞なく当該個人情報の利用停止等を行います。
第9条（プライバシーポリシーの変更）
本ポリシーの内容は、法令その他本ポリシーに別段の定めのある事項を除いて、ユーザーへの通知なく変更することができるものとします。
変更後のプライバシーポリシーは、当サイトに掲載した時点から効力を生じるものとします。
第10条（お問い合わせ窓口）
本ポリシーに関するお問い合わせは、当サイトのお問い合わせフォームよりご連絡ください。