ホームページ制作実績

株式会社衆で作成させていただきましたホームページの実績の一部を掲載しています。
ホームページの制作やシステム開発をご依頼される際の参考としてご覧いただけます。

• 企業サイト

  

  住商アドミサービス株式会社

  人事・総務のプロフェッショナルカンパニーとして住友商事グループを支えている、住商アドミサービス株式会社のコーポレートサイトのリニューアル（改修）案件。 ご依頼いただいた背景 情報が古くなったので刷新したい CMSを導入して新着情報の管理をしやすくしたい 社内外の認知度を高めたい 衆の提案・実現した内容 ワードプレスを実装することで、自社で更新ができるように変更 社員の声や、数字による事例をコンテンツとして追加 「聴く力（音波）で人材を育成」というテーマを視覚化するために線画によるアニメーションを起用。 当初のご要望通りワードプレスを使用して「新着情報」を自社で更新できるように実装。記事を書くよりも外部リンクや対象メディアへの直リンクが多いとのことから、入力項目を追加してそのままリンクを作成できるようにしています。 コンテンツ部分では会社にまつわる数字を掲載することや、業務内容にまでピックアップすることで、企業に対する深い理解と安心感を与え、採用業務に対しても効果的に働くようにしています。 ページの途中に挿入された動画は、クリックレスで再生できるよう、画面に表示された時点から自動で再生されるように実装しています。

• サービスサイト

  

  Hidden Japan

  株式会社C・I・Tが企画・運営する外国人向けの国内ツアーのサービスサイトの新規作成案件。 ご依頼いただいた内容 ツアーは自社で登録・管理のできるシステムが必要 外国人向けに多言語に対応したホームページが必要 土地勘のない方への紹介となるため地図を掲載したい 訪問者の印象に残るような仕掛けが欲しい 衆の提案・実現した内容 ワードプレスによる実装：オリジナルブロックの作成 プラグインを使用しての多言語対応 座標軸登録による地図の表示 季節とともに切り替わるアニメーション 外国人向けに日本を感じていただけるよう、白、黒、赤を基調とし和柄を用いたデザイン。ツアー詳細のスケジュール部分は、テキストの流し込みで単調なデザインにならないよう、オリジナルブロックを複数重ねることで専門知識のない方でも感覚的に操作ができるように実装。 地域検索は文字のプルダウンではなく、地図にポイントを表示することで、土地勘のない外国人の方でも滞在地の位置を確認してからツアーを検索できるようにしております。 画面内に常時舞っているアニメーションは四季にあわせて桜、向日葵、紅葉、雪と変化し、ホームページ内でも日本を疑似体験できるように演出しています。

• ショッピングサイト

  

  Ratia Style

  スキンケアやボディケア、サプリメントを取り扱うショッピングサイト「Ratia Style」の改修案件 ご依頼いただいた背景 受注管理システムの変更に伴いホームページの改修が必要 新システムは「クラフトカート」を使用 下層ページは既存のものを流用するのでトップページのみ作成 衆の提案・実現した内容 クラフトカートの機能を導入してのホームページの作成（トップページ・定期購入紹介ページ） 受注管理システムはクラフトカートを使用。 カテゴリを全て最上部に表示することで、目的の商品へのアプローチをしやすくしています。目立たせたい分は「商品」となるため、他のものが目立たないよう極力モノトーンで作成し、あしらいに関しても余白、区切り線、タイトル箇所のフォントの変更のみで上品に仕上げています。

• その他

  

  ニンプス

  有限会社ライファーが企画・運営する、妊婦向けの情報サイト「ニンプス」とのコラボレーション企画用キャンペーンサイトの新規デザイン作成案件。 ご依頼いただいた内容 キャンペーン用にスマホのみのページが必要 淡い、ガーリーなテイストを希望 コーディングは自社で行うためデザインのみのご依頼 衆の提案・実現した内容 ご要望に合わせたテイストでのデザインの作成 PSDファイルでの納品 ご要望に沿うよう、色味を多くして元気でにぎやかな雰囲気でのデザイン。文字や区切り線に丸みを帯びたものを使用。イラストも手書き風で塗りの境目をゆるくし、ふんわりとさせています。今回はキャンペーンページという事もあり、画像コーディングで対応されるとのことでしたので、テキストベースでは実装の難しい白抜きや、特殊な縁取り等の表現も入れながら希望のテイストに近づけるよう配慮しています。

• サービスサイト

  

  オハナワークス

  埼玉県浦和市を中心に中心に官公庁や民間施設の設備管理、清掃業務を行っている「日本環境マネジメント株式会社」の就労支援事業「オハナワークス」の新規案件 ご依頼いただいた背景 新規事業の開始に伴いホームページが必要 サービスの開始まで時間がないため早く完成できるものにしたい 事業所名に合わせてハワイの穏やかでさわやかなイメージにしたい 問い合わせ用にメールフォームの設置が必要 衆の提案・実現した内容 メールフォーム機能を付与したLP（ランディングページ）での作成 南国を感じる素材を盛り込みながらも、就労支援ということで丸みのある書体を使用。 各項目ごとやお申し込みに関するボタンに動きを取り入れることで、長いページでも単調にならないようにし、ボタン自体を目立たせるようにしております。

• 企業サイト

  

  株式会社ビーライン

  東京武蔵野地区を中心に防災対策設備コンサルタントを行っている「株式会社ビーライン」のコーポレートサイトの改修案件 ご依頼いただいた背景 ホームページが古く、フラッシュで制作された部分が表示されていない サーバーの月額費用が年々高くなっている 自社で更新のできる仕組み（ブログ）がほしい スマートフォンに対応していない 衆の提案・実現した内容 フラッシュを削除してjavascriptを使用 サーバーを移転して、月額費用を軽減 WordPress（ワードプレス）を導入して自社での更新を可能に レスポンシブデザインにすることでスマートフォンにも対応 「自然」「家族」「子供の未来」をテーマに安心感の持てるホームページをデザイン。利用者の多くは年配の方という事で視認性の高いフォント「メイリオ」を使用。 当初のご要望通りワードプレスを使用して「昭和職人の細うで繫盛記（社長ブログ）」を自社で更新できるようにしている他、新たに追加したフローチャートは遷移時の読み込み負担を軽減できるようjavascriptで実装しています。

• 採用・求人サイト

  

  小池設備採用サイト

  神奈川県相模原市にて水漏れ、詰まり、漏水調査など水回りの50年以上の実績をもつ「小池設備」の採用サイト。 波のモーションは複数のイメージを交互に途切れることなく動かすことで実現しています。

• 企業サイト

  

  嬉泉

  療育・保育事業を手掛けている社会福祉法人「嬉泉」のコーポレートサイトです。CMSはワードプレスを使用。カスタム投稿を複数使うことで、多くのコンテンツを一括管理できるようになっている他、オリジナルブロックを投稿ブロックに追加することで、デザインを保持しながらも複雑なコードを理解しなくても専用のデザインで更新できるようになっています。

• 企業サイト

  

  旭彫刻所

  東京都小金井市にて金属や樹脂系素材への彫刻、レーザーマーキングやブラスト加工や昔ながらの手彫り彫刻の機械による加工もしいる「旭彫刻所」のコーポレートサイト。縦並びの文字と明朝系の書体見出しで伝統感を演出。装飾を用いる代わりに動きを多用し、工場（設備）の雰囲気と制作実績を全面に押し出したシンプルで詩的な作りとなっています。また、「更新はFTPで行いたい」というご要望にお応えして、CMSを使わず、PHPとCSVによる簡易的な仕組みで実績ページを実装しています。

• サービスサイト

  

  いけばな 桂古流・桂流

  京都桂離宮の華務職を始祖とし、日本の伝統的な生け花と現代花を教授する他、今の時代にマッチしたクリエイティブ・フラワーの指導も行っている「いけばな　桂古流・桂流」のサービスサイト。CMSはワードプレスを使用して構築。海外からの応募もあるため、日本語と英語の二か国語で作成。各言語に合わせてページを分けるのでなく、cookie（クッキー）を使用した表示切替により同一ページ内に異なる言語を混在する形式を採用。ページが増えることを抑えることで運用もしやすくしています。

• 企業サイト

  

  presby（プレスビー）

  オリジナルブランドの度数調節メガネ「 ドゥーシリーズ 」を手掛ける「Presby（プレスビー）」のコーポレートサイトです。CMSはワードプレスを使用して構築。カスタム投稿タイプ機能を使うことで、商品・取扱店舗一覧・お客様の声の投稿を実現。商品カテゴリー部分はトップページのカテゴリー項目やスライダーとも連動し、HTMLを操作することなくカテゴリーの追加・編集も可能です。

• その他

  

  Webly（ウェブリー）

  Webマーケティングの現場で起こる実例と創意工夫を追求するメディア。WEBコンサルティングを得意とする「ECマーケティング株式会社」の運営するブログサイトです。CMSはワードプレスを使用して構築。トップページへ掲載する記事（カテゴリー）は管理画面より選定して行えるよう投稿機能をカスタマイズしてあります。

• 採用・求人サイト

  

  合掌苑 採用サイト

  「関わるすべての人を幸せにする」ことを使命とし、60年以上町田南地域に密着した介護を行なっている「合掌苑」の採用サイトです。CMSはワードプレスを使用。独自テーマを開発して作成しています。

• ショッピングサイト

  

  POLE MARIE（ポールマリエ）

  コスメ・化粧品を取り扱う「POLE MARIER」のショッピングサイト受注管理システムはリピートPLUSを使用。女性に好印象をもってもらえるよう上品でスタイリッシュなデザインを心掛けています。

• 採用・求人サイト

  

  望星薬局 求人サイト

  神奈川県を中⼼に13店舗の運営をしている「望星薬局」の採用サイト。スクロールアニメーションを取り入れることで長く単調になりがちなトップページを印象的にしている他、全体的に大きくすることでダイナックなページとなっています。

• 企業サイト

  

  社会福祉法人ゆたか会

  社会福祉法人ゆたか会のコーポレートサイトです。イラストは保育士の方が描かれた素材を使用。アニメーションはCSSとjQueryを使って実装しています。

• 採用・求人サイト

  

  ペットのコジマ　採用サイト

  ペットと人との素敵なライフスタイル創りをお手伝いしているペットのコジマの採用サイト。

• ショッピングサイト

  

  tiptop+pocket

  一覧ページ商品ページ ベーシックとトレンドをMIXしたカジュアルスタイルを提案。普段使いできるかわいいをコーディネートを楽しめるブランド「tiptop」が運営するECサイトです。受注管理システムは「ECキューブ（EC CUBE）」を使用。会員価格を常時表示することで、会員登録を誘発する作りになっている他、色展開の多いブランドいうこともあり、色違い商品を一覧に表示することで商品数を多く見せながら、早い段階で全ての商品を確認できるようにしています。追加機能はプラグインを使用しながらも、必要に応じて独自開発も行っています。

• 採用・求人サイト

  

  株木建設 採用サイト

  道路やダム、空港などのインフラづくりから、商業施設、スポーツ施設、マンションなどの建築事業まで幅広い建設工事を手掛けている株木建設株式会社の採用サイトです。

• 企業サイト

  

  住商ウェルサポート株式会社

  住友商事の特定子会社「住友ウェルサポート株式会社」のコーポレートサイト。CMSはワードプレスを使用した独自テーマを作成。井桁をイメージしたロゴから連想する水のイメージを大切に、流れや波紋を意識したデザインとムービー、働く現場を切り取ったイラストを使用した柔らかく読みやすいサイトになっています。

• 企業サイト

  

  東京エコサービス株式会社

  暮らしの中で生まれたごみを安全に処理。ごみを燃やす際に生じた電気や焼却灰を資源として活用し、街に提供することで地域の暮らしを支えている「東京エコサービス株式会社」のコーポレートサイトです。コーポレートカラーでもある清潔感なるブルーと、イラストを取り入れることで誠実ながらも親しみのあるデザインに仕上げています。随所に配置される画像やブロックを上下にずらしながら組み上げるとこで、螺旋（リサイクル）を表現しています。

• ショッピングサイト

  

  まだ見ぬ世界へ

  株式会社C・I・Tが運営するZoomを使った海外・国内のオンラインツアーのECサイトです。受注管理システムはaishipの機能を使用。各ツアーの詳細ページに設置された予約日のカレンダーはjQuery用プラグイン「datepicker」を使用し、商品登録ページからツアーごとに設定できるよう対応。サイトを訪れた方に、少しでも旅行気分を味わってもらえるようにと設置したトップページの飛行機は、CSSアニメーションを3パターン用意し、指定するクラスを一定時間ごとに切り替えることで実装しています。

• ショッピングサイト

  

  東洋堂コラボレーション企画ページ

  スマートインテック株式会社が運営する個人用・法人用印鑑（はんこ）のECサイトです。受注管理システムはshopserve（ショップサーブ）の機能を使用。コラボレーション企画用の特集ページということで、本体とはデザインを切り分け、カート部分のみを共有して作成したLP（ランディングページ）です。最上部のメインイメージでは、最初に全掲載商品が分かるよう、全商品をまとめて配置。一点づつランダムに表示することで、注意をひくとともに、情報量を制限し、商品に自然と視点が集まるようにしています。また、成約率が高まるよう、掲載内容をユーザーメリットと商品の必要性のみに特化。どの位置からでもすぐに購入ボタンをクリックできるよう、購入ボタンを固定で設置しています。

• 採用・求人サイト

  

  チェリッシュ保育園 採用サイト

  株式会社チャイルドステージが経営するチェリッシュ保育園の2021年度版採用ページです。保育園ということで「飛び出す絵本」を制作のイメージとして制作。スクロールアクションを多用し、見ている方が飽きない演出を心がけています。また、本サイトはワードプレスの固定ページとして設置。新着情報部分にメニュー機能を付与することで、運営者の目的に合わせて容易に記事を変更ができるようにしています。

• 企業サイト

  

  Aceペイント

  関東の塗装・リフォーム業者「Aceペイント」のサービス紹介サイトです。リフォームということで、実績を一番最初に知ってもらえるよう、ファーストビューで見切れる位置に配置。ビフォアフター形式のスライドショウを使用することで、どのように変化したのかと、費用が比較してわかるようにしています。また、ユーザーに安心して依頼してもらいたいという思いから、メインイメージは実際の現場写真を使用し、工事紹介（仕事内容の紹介）では、工事の概要はもちろん、実際に依頼すべきタイミングや工事に使用する素材に関しても詳しく説明しています。

• サービスサイト

  

  FLORABeautyオンラインカレッジ

  一般社団法人FLORABeauty協会が運営する美容・痩身に関する通信講座を取り扱う「FLORABeautyオンラインカレッジ」のサービスサイト。代理店販売への取り組みも行っているため、CMSで代理店管理機能を実装。管理画面より発行された「代理店コード」に基づくURLからの流入情報をcookieにより一定間保存することで、紹介情報を保持。初回のアクセス時に問い合わせが獲得できない場合でも、再訪問時の問い合わせを該当する代理店の実績として反映できるようになっています。

• ショッピングサイト

  

  69slam

  ボクサーパンツ、ボードショーツ、レディース水着や下着、トレーニングウェアなど、スポーツ用品を取り扱う海外水着のブランド「69slam」のECサイトです。受注管理システムは「メイクショップ（make shop）」を使用。ブランドイメージを損なわないよう、文字を一般的なサイトよりは小さくしつつも、文字間も広くすることで読みにくさを解消。トップページとは別に「MENS」「WOMEN」「ACCESSORIES」の3カテゴリーを主軸にそれぞれのメインページを用意。ユーザーが自身の目的に合わせた人気商品・おすすめ商品が、一目でわかりやすいようにしています。

• 情報系サイト

  

  SYU+（シュウプラス）

  制作実績から希望の制作会社・フリーランスに依頼できるビジネスマッチングサイト。PHPとmysqlを使用したフルスクラッチで作成。作品上部の「+」ボタンをクリックすることで、気になる制作者に一括でお問い合わせが可能。制作者側の管理ページには問い合わせの履歴がグラフと表で表示されます。また、制作者の登録は紹介制となるため登録用のコードも発行可能。

• 企業サイト

  

  日本環境マネジメント株式会社

  インフラ事業を担っている日本環境マネジメント株式会社のコーポレートサイト。実績の公開を限定にしたいとのご要望を受け、閲覧に会員登録機能（ログイン機能）を実装。管理画面より不適切な登録者は削除できるようになっている他、実績の更新が可能です。

• サービスサイト

  

  メディカルDr.セラピストスクール

  一般社団法人日本メディカルDr.セラピスト協会が運営する美容・痩身に関する通信講座を取り扱う「メディカルDr.セラピストスクール」のサービスサイト。