CodeHiveCodeHive
CodeHive

CODEHIVE, THE FRONT-END DEVELOPERS TEAM

CODEHIVE, THE FRONT-END DEVELOPERS TEAM

CODEHIVE, THE FRONT-END DEVELOPERS TEAM

CodeHive

高品質・アニメーションに特化した
コーディング代行パートナー

  • レスポンシブコーディング
  • WordPress
  • アニメーション
  • Jamstack開発
  • React / Next.js
  • WebGL / Three.js

コードハイブは、クオリティを追求した
コーディング代行チームです。

コードハイブは、経験年数5年以上のコーダー2名と ディレクター1名
からなるコーディング代行チームです。

”多くのユーザーがワクワクするようなWEBサイトを世の中に1つでも増やしたい”
という想いで、チームを結成しました。

レスポンシブコーディングやWordPressサイトの実装をはじめ、
Jamstack制作やWebGL / Three.jsを使用したアニメーション制作など、
基本的なものから最先端の技術まで幅広く対応可能です。

「デザインにこだわりたいけど、コーディングで実現できるかわからない・・・」
「アニメーションの構想はあるけど、実装可能かわからない・・・」
という方は、ぜひコードハイブにご相談ください。

Strength

コードハイブの強み

  • 01

    経験豊富な
    コーダーが対応

    コーディング歴5年以上のコーダーが、案件対応いたします。HTML / CSSはもちろんのこと、WordPressやJamstackまで幅広い経験があります。

  • 02

    完全内制
    外注は一切なし!

    コードハイブでは、クオリティを担保するために、外注・再委託は一切致しません。チーム内で最初から最後まで対応します。

  • 03

    レスポンシブ対応は
    基本無料

    ブレイクポイントが3つ(PC・タブレット・スマートフォン)までなら、レスポンシブコーディングは無料で対応いたします。

  • 04

    SEOを意識した
    コーディング

    検索上位に表示されやすいサイトを構築します。セマンティックなコーディングに加え、W3Cのルールに準拠したSEO対策を実施します。

  • 05

    WebGL / JSを使用した
    高度なアニメーション

    WebGLやGSAP等のJavaScriptライブラリを使用した、実装難易度の高いアニメーションを制作可能です。

  • 06

    複雑なWordPressの
    カスタマイズ可能

    カスタム投稿タイプやカスタムフィールド、管理画面のカスタマイズ等、WordPressの高度なカスタマイズ対応が可能です。

  • 07

    Next.jsを使用した
    Jamstack制作も可能

    セキュリティ性が高く、表示速度が速いJamstackサイトの制作も可能です。フレームワークには、ReactベースのNext.jsを使用します。

  • 08

    制作の進捗状況は
    常に確認可能

    進捗管理ツールで、プロジェクトの進行状況を常に確認いただけます。チャットでのご連絡は、原則当日中に返信いたします。

  • 09

    アフターサポートは
    無料で対応

    納品後の成果物に表示崩れや動作不良などが発覚した場合、無料で修正対応します(納品後30日以内)。

Our Service

サービス一覧

  • レスポンシブコーディング

    レスポンシブコーディング

    レスポンシブコーディングで、多様な画面サイズに対応したページ作成が可能です。適切なHTMLタグを使用し、サイトの検索順位アップにつながるSEO対策も行います。チェックツールを使用し、サイトのアクセシビリティ・ページ表示速度の最適化も同時に対応します。

  • WordPress実装

    WordPress実装

    WebサイトへのWordPressの組み込みに対応します。ご要望に合わせて、オリジナルテーマの制作も可能です。カスタムフィールド・カスタム投稿タイプを使用したシステムの構築や、管理画面のカスタマイズ等幅広く対応いたします。プラグインの各種設定やセキュリティ対策もお任せください。

  • アニメーション制作

    アニメーション制作

    CSS・JavaScriptを使用して、Webアニメーションを実装します。フェードインやローディングアニメーション等シンプルなものから、WebGLやGSAPを使用した高難易度のアニメーションも実装可能です。アニメーションのみの外注も可能ですので、まずはご相談ください。

  • Jamstackサイト開発

    Jamstackサイト開発

    優れたパフォーマンス・高いセキュリティ性が特徴的な、Jamstackサイトを作成します。フレームワークにはReactベースのNext.js、ヘッドレスCMSは日本製のmicroCMS、またはNewtを使用します。

Price

料金について

  • レスポンシブ化は、ブレイクポイント3つまでなら無料で対応します。
  • シンプルなJavaScriptのアニメーションは、無料で対応します。
  • 実績を当サイトに掲載可能な場合は、割引対応が可能です。
  • 料金例01

    ランディングページ

    • シンプルなランディングページ
    • お問い合わせフォームあり
    • 無料範囲内の簡易JSアニメーション
    ページ数
    1ページ
    対応内容

    LP(20,000px以内を想定)

    お問い合わせフォーム

    レスポンシブ対応(無料)

    JSアニメーション(無料)

    制作期間
    3日 ~ 7日
    制作料金
    156,000円(税別)
  • 料金例02

    WordPressサイト(小規模)

    • 8P構成の小規模WordPressサイト
    • お問い合わせフォームあり
    • お知らせ投稿機能あり
    ページ数
    8ページ
    対応内容

    WordPress

    お問い合わせフォーム

    レスポンシブ対応(無料)

    JSアニメーション(無料)

    制作期間
    1週間 ~ 2週間
    制作料金
    222,000円(税別)
Works

制作実績

  • 対応案件数

    対応案件数

    17

  • 対応ページ数

    対応ページ数

    64P

  • 取引企業様数

    取引企業様数

    11

  • WordPressサイト

    WordPressサイト

    5

  • Jamstackサイト

    Jamstackサイト

    1

  • JSアニメーション

    JSアニメーション

    2

CONTACT US! CONTACT US! CONTACT US!

CONTACT US! CONTACT US! CONTACT US!

CONTACT US! CONTACT US! CONTACT US!

コーディング代行なら
コードハイブにご相談ください!

お問い合わせ
Flow

制作の流れ

  • STEP01お客様

    お問い合わせ- CONTACT -

    お問い合わせフォームからお気軽にご相談ください。2営業日以内に返信いたします。

  • STEP02コードハイブ

    ヒアリングとお見積の提出- HEARING -

    オンラインミーティングを実施し、ご依頼内容をお伺いします。その後、お見積と納期を提案いたします。

  • STEP03お客様

    契約の同意- AGREEMENT -

    お見積と納期に同意いただけましたら、コーディング作業開始となります。
    ※初めて取引させていただく場合・長期にわたる案件の場合に限り、料金の50%を着手金としてお支払いいただいております。

  • STEP04コードハイブ

    コーディング対応- CODING -

    コーディングを開始します。コーディング対応中は、進捗管理シートにてプロジェクトの進捗状況を常にご確認いただけます。

  • STEP05お客様

    ご確認- CHECK -

    コーディングが完了次第、データをテスト環境にアップいたしますので、ご確認をお願いいたします。

  • STEP06コードハイブ

    修正対応・納品- SUBMIT -

    修正対応をしたのち、本番サーバーにアップロード・またはファイル送付をもって納品といたします。

  • STEP07お客様

    ご請求- PAYMENT -

    納品が完了したら、お支払いをお願いいたします。
    既に着手金をお支払いいただいている場合は、残りの費用のお支払いをお願いいたします。

  • STEP08コードハイブ

    アフターサポート- SUPPORT -

    納品後1ヶ月以内の修正依頼は無料で対応いたします。
    ※デザインの大幅な変更、仕様変更は有料です。

  • DONE!

より詳細な制作の流れは、
以下からご覧ください。

FAQ

よくある質問

A

メール、Chatwork、Slack、Backlog等に対応しています。
これら以外にご希望のツールがございましたら、ご指定ください。

A

最短2営業日で対応いたしますが、ページ数や仕様、デザインなどによって異なります。
正式な納期は、お見積もり時に提示いたします。

A

コードハイブでは、「フレキシブルレイアウト」を採用しています。
フレキシブルレイアウトとは、画面幅に応じて要素の幅が可変し、さらにブレイクポイント毎に最大幅・最小幅を設定する手法です。

ブレイクポイントを基準とするレスポンシブレイアウトと、画面幅を基準とするリキッドレイアウトの両方の性質を併せ持つ手法ですので、幅広いデバイスに対応可能です。

CodeHive