コーディング代行 外注ならコーディングベア

(平日10:00〜19:00)

開発事例



公開事例

コーディングベアで開発を担当させて頂いたプロジェクトで、サイト名も含めて詳細をご紹介させて頂ける案件です。

ベネッセ教育総合研究所 様https://berd.benesse.jp/special/growingambition/
ベネッセ教育総合研究所 様

サイト種類、ページ数、CSS、表示保証

「高等教育の未来を考える会」公式サイト、5P、静的サイト、BEM記法

概要

大学教育の役割がますます重要となる昨今、ベネッセ教育総合研究所様では「高等教育の未来を考える」会において各界で活躍される有識者の方々との議論を重ねまとめた提言を大学や社会に向けて発信し、具体的なアクションにつなげていくことを推進されています。
今回はその公式サイト開設にあたっての制作で、デザインはNOSIGNER様が担当され(詳細はこちら)、弊社はコーディングを担当させていただきました。
JavaScriptによるアニメーション制御、インタラクション等の演出効果、高いデザイン性のレイアウト再現など非常に難度が高くやりがいのある開発となりました。各ページ最下部の「スクロール量にあわせて背景がメーターのように上昇し、一定値になると次のページに自動遷移するギミック」は細かなテクニックの組み合わせで作成しました。

実装機能

リキッドレイアウト、レスポンシブ、VanillaJS、Splideスライダー、エレベーターメニュー、スクロール量に合わせた背景切り替え+自動遷移、画面スクロールにあわせたインタラクション演出、モーダル+スライダーなどのギミック実装。

フジテレビけん玉部 様http://fujikenclub.com/
フジテレビけん玉部 様

サイト種類、ページ数、CSS、表示保証

公式サイト、3ページ(NEWS200記事弱のレイアウト調整)、BEM記法

概要

フジテレビけん玉部サイトのリニューアルされるにあたり、株式会社シマヲ様よりご案件のお話をいただき弊社はコーディング・CMS実装を担当させていただきました。
NEWS記事ブログについては、過去記事が多くございましたため、旧サイトのテーマを活かしつつ、リニューアルを実施しました。

実装機能

ソリッドレスポンシブ、WordPress構築

mobb 様https://mobb.jp/
mobb 様

サイト種類、ページ数、CSS、表示保証

コーポレートサイト、8ページ、BEM記法

概要

株式会社mobb様の会社設立にあたり、コーポレートサイトを新設されるとのことで直接ご依頼をいただきました。
デザインはクライアント様からご支給をいただき、弊社はコーディング・CMS実装を担当させていただきました。
First Viewのアニメーションは、クライアント様とのお打ち合わせを何度も重ねてご満足いただける形にできました。

実装機能

ソリッドレスポンシブ、WordPress、投稿機能カスタマイズ(BLOG、CREATOR)、トップページキービジュアルのアニメーション一式、画面スクロールにあわせたアニメーション演出などのギミック処理、メールフォーム

AUTORO(オートロ) 様https://autoro.io/
AUTORO(オートロ) 様

サイト種類、ページ数、CSS、表示保証

コーポレートサイト、118P、投稿移設、BEM記法

概要

オフィシャルサイトをリニューアルされるにあたり、弊社にはコーディング・CMS実装・Vue組み込みをご依頼いただきました。
JavaScriptによるアニメーションインタラクション等の演出効果が豊富で、かつ高いクオリティが求められる実装内容に加え、ヘッドレスCMSを用いたJamstackサイトとしての構築も担当させていただきました。

実装機能

リキッドレイアウト、レスポンシブ、ヘッドレスCMS、投稿機能カスタマイズ、カスタムフィールド実装、Jamstack化時のCMS機能(プラグイン機能)の出力連携、画面スクロールにあわせたインタラクション演出、トップページキービジュアル・マウスポインターカスタマイズ・各種スライダーなどのギミック実装、サードパーティ問い合わせフォームの組み込み実装

筑波大学 理工学群 化学類 様https://chemistry.tsukuba.ac.jp/ug/
筑波大学 理工学群 化学類 様

サイト種類、ページ数、CSS、表示保証

公式サイト、多言語(日 / 英)、22P、BEM記法

概要

化学類様の公式サイトをリニューアルされるにあたり、サイト構造設計〜ワイヤーフレーム作成〜デザイン〜コーディング・CMS実装までをご依頼いただきました。
お客様のご意向と実際の開発内容に齟齬が生じないよう綿密にすり合わせをさせていただきながら、JavaScriptのインタラクション演出やCMSの更新管理機能面も含めて全て弊社で設計を担当させていただきました。

実装機能

リキッドレイアウト、レスポンシブ、Wordpress、マルチサイト(日英)、投稿機能カスタマイズ(在学生メッセージ・シラバス・研究室・教員)、ACF繰り返しフィールド(オープンキャンパス・一日体験化学教室・進路・その他投稿付随フィールド)、画面スクロールにあわせたインタラクション演出、進路チャートグラフの数値をHTML側の記述と連動させる、トップページキービジュアルなど各種ギミック実装、言語切替ボタンのURLを言語間で一致させる処理

アクトグループ 様https://act-holdings.co.jp/
アクトグループ 様

サイト種類、ページ数、CSS、表示保証

コーポレートサイト、47P、BEM記法

概要

コーポレートサイトを新しく刷新されるとのことで、デザインを担当された会社様と協働して取り組ませて頂きました。
弊社はコーディングとWordpress組み込み、JavaScript演出を担当いたしました。

実装機能

リキッドレイアウト、レスポンシブ、Wordpress、投稿機能カスタマイズ(CASE・用語集)、メガメニュー、画面スクロールにあわせたアニメーション演出などのギミック処理、Pjax実装+画面遷移アニメーション、トップページのSVGアニメーション、クリッカブルマップ

ポインネクス株式会社 様https://poinex.info/
ポインネクス株式会社 様

サイト種類、ページ数、CSS、表示保証

コーポレートサイト、4P、BEM記法

概要

会社設立にあたり、コーポレートサイトを構築なさるとのことで、弊社からデザイン会社様をご紹介させて頂き、協働して取り組ませて頂きました。
クライアント様・デザイン会社様とお打ち合わせを重ね、提案させて頂いた内容は全てご採用頂けました。
弊社は全体ディレクション、コーディングとWordpress組み込み、JavaScript演出を担当いたしました。

実装機能

リキッドレイアウト、レスポンシブ、Wordpress、トップページキービジュアルのアニメーション一式、画面スクロールにあわせたインタラクション演出などのギミック処理、メールフォーム

エンジニアルーム 様https://cmc-co.jp/
エンジニアルーム 様

サイト種類、ページ数、CSS、表示保証

サービスサイト、36P、BEM記法、ページ移管約2,000ページ、サイト設計

概要

サービスサイトを全面リニューアルすることでサービスブランディングに寄与し、ターゲット層によりアピールできるサイトを目指されました。

実装機能

リキッドレイアウト、レスポンシブ、Wordpress、投稿機能カスタマイズ(案件情報・FAQ・ユーザーボイス・特設バナー管理)、ACF(カスタムフィールド※繰り返しフィールドなど)、検索機能カスタマイズ、メールフォームのシステム置換、メガメニュー、トップページのカウントアップギミック、表示速度改善、検索速度改善

goodup 様https://goodup.co.jp/
goodup 様

サイト種類、ページ数、CSS、表示保証

サービスサイト、32P、BEM記法、サイト設計

概要

サービスサイトを全面リニューアルすることでSEO効果改善とアピール/ブランディングを目指されました。

実装機能

レスポンシブ、Wordpress、投稿機能カスタマイズ(発着地ヤード, エコノミーコース, お客様の声, ご注意事項, ドライバー求人)、ACF(繰り返しフィールド、関連出力、数字カンマ区切り)、タブ切り替え、mailformpro、メガメニューとスマートフォンアコーディオンメニューの共通化、営業日カレンダー 、SEO対策



非公開事例

コーディングベアで開発を担当させて頂いたプロジェクトのうち、概要だけをご紹介できる案件です。

上場企業 コーポレートサイト

サイト種類、ページ数、CSS、表示保証

コーポレートサイト、300ページ〜 、OOCSS、IE8以上

概要

一部上場企業エンドユーザー様の巨大コーポレートサイトの商品領域のフルリニューアル案件です。
ページの統廃合も含めた再構成と数百ページにわたる新規作成という要件において、要素パーツとスタイルの共通化に注力しました。

実装機能

レスポンシブ、jQuery、その他JavaScript、アニメーションギミック

自治体 特設サイト

サイト種類、ページ数、CSS、表示保証

オフィシャルサイト、31〜50ページ 、OOCSS、IE11以上

概要

自治体の旅行者向けサイトのモックアップ開発案件です。
モバイル端末(スマートフォン、タブレット)での閲覧層がメインターゲットのため、複雑な挙動をするギミックの実装、非同期通信処理を実装しながらも表示速度を早く、データを軽くすることが命題の難度の高い案件でした。

実装機能

CMSモックアップ、レスポンシブ、Google Maps API、jQuery、その他JavaScript、アニメーションギミック

総合大学 学部サイト

サイト種類、ページ数、CSS、表示保証

オフィシャルサイト、101ページ〜、OOCSS、IE9以上

概要

私立大学・学部サイトのフルリニューアル案件です。
100ページを超える大量コーディングを短納期で進めたいとのご要望を頂きました。

実装機能

大量ページ作成、短納期、レスポンシブ、Wordpress、jQuery、Google Formカスタマイズ(メールフォーム)、アニメーションギミック

フランチャイズ加盟店向けサイト

サイト種類、ページ数、CSS、表示保証

オフィシャル店舗サイト、51〜100ページ、OOCSS、IE10以上

概要

FC形態で多店舗展開されている企業様の新規サイト構築案件です。
テンプレート元となる1サイトを構築後、新店舗オープンの都度、該当店舗向けに複製と公開を、延べ50を超える店舗でご依頼頂きました。

実装機能

商用サイト、レスポンシブ、Wordpress、CMSカスタマイズ(商品管理、事例管理)、キービジュアルスライダー、Hoverアニメーション

上場メーカー 商品サイト

サイト種類、ページ数、CSS、表示保証

モックアップ、31〜50ページ 、OOCSS、IE8以上

概要

グローバルに展開されているメーカー様の海外各言語版展開のテンプレートとなるCMS向けモックアップ開発案件です。
エンドユーザー様が美容系商品を扱われているため、IE8対応でありながら非常にリッチな挙動をするギミックを多数配置したUIの実現という大変技術難度の高い案件でした。

実装機能

モックアップ、PC+スマホ、HTML、youtube API、Google Maps API、jQuery、ツールチップ、特殊モーダル

総合大学 研究室サイト

サイト種類、ページ数、CSS、表示保証

コーポレート、51〜100ページ、OOCSS、IE8以上

概要

国立大学・研究室サイトのフルリニューアル案件です。
大学側のサーバーにCMSを設置することが難しかったため、静的HTMLをエンドユーザー様が複製更新しやすいように設計しています。

実装機能

コーポレート、PC、HTML、Hoverアニメーション、ツールチップ、gifアニメーション、counter-incrementナンバリング

  • 累計ページ数
    Our Results
    44,713
  • お取引き企業様数
    Our Clients
    535
  • 累計案件数
    Our Projects
    6,995
  • 現在開発中ページ数
    Under development
    285