ホームページ制作実績

WORKS

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

採用・求人サイト

あおみ建設採用サイト

日本有数の「マリンコントラクター」として空港や港湾などの海上土木事業を中心に、大規模な公共工事に携わっている「あおみ建設」の採用サイトの改修案件。CMSは、もともと組み込まれていた「WebRelease」を継続して使用。海をテーマとしたデザインに、波をイメージさせるモーションを使用して作成しています。
情報系サイト

住友商事グループ採用情報サイト

さまざまな事業分野においてグローバルネットワークを活用した事業を展開している大手総合商社「住友商事グループ」の新卒・中途・障がい者採用を目的としたポータルサイトの改修案件ご依頼いただいた内容自社で追加・更新のできるようCMSの導入が必要グループの採用情報サイト（ポータルサイト）として育てていきたい衆の提案・実現した内容ワードプレスを導入しての再構築 GAを利用した外部リンクへのアクセス解析対応ポータルサイトの収益化に関する各種ご提案（成長戦略）既存デザインを踏襲するかたちでの再構築。まずは、掲載企業へのアクセス誘導を第一目標に設定。企業情報の他に「社員紹介」と「イベント情報」の掲載をコンテンツとして追加し、ファーストビューも一度に多くの企業が確認できるよう1つの枠を小さく改修。少しでも関心を持ってもらえるコンテンツを増やすとともに、外部リンクへの計測が可能なように仮想ページを利用したGA（グループアナリティクス）設計をしています。
その他

ライファーリスティング広告ページ

「よりよい人生を！」をテーマに、保険からライフプラン全般まで、お金に関するあらゆることを相談できるライファー社のリスティング広告出稿用のランディングページの新規デザイン作成案件。ご依頼いただいた内容キャンペーン用にスマホのみのページが必要イラスト多用したデザインテイストコーディングは自社で行うためデザインのみのご依頼フォームの部分のコーディン用に指示書（サイズ、間隔の指定等を記載）が必要衆の提案・実現した内容ご要望に合わせたテイスト・仕様でのデザインの作成画像ファイルとコーディング指示書の納品イラストを多く使用し、色味を少なくしてスッキリとした雰囲気でのデザイン。高齢の方でも読みやすいようユニバーサルデザインフォントを使用。画像コーディングで対応とのこともあり、文字の加工が比較的自由に行いやすいため、単調になりがちなタイトル文章などに強弱をつけることで、自然とキーワードに目が向かうように配慮しています。
企業サイト

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

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

Hidden Japan

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

Ratia Style

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

ニンプス

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

オハナワークス

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

株式会社ビーライン

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

小池設備採用サイト

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

嬉泉

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

旭彫刻所

ご依頼いただいた内容良く見かけるテンプレートのような配置（デザイン）はやめてほしい更新は自社でFTPを使って行ういたいサーバーを乗り換えたい衆の提案・実現した内容オリジナルデザインでの作成 PHPとCSVによる制作実績ページの実装東京都小金井市にて金属や樹脂系素材への彫刻、レーザーマーキングやブラスト加工や昔ながらの手彫り彫刻の機械による加工もしいる「旭彫刻所」のコーポレートサイト。縦並びの文字と明朝系の書体見出しで伝統感を演出。装飾を用いる代わりに動きを多用し、工場（設備）の雰囲気と制作実績を全面に押し出したシンプルで詩的な作りとなっています。また、「更新はFTPで行いたい」というご要望にお応えして、CMSを使わず、PHPとCSVによる簡易的な仕組みで実績ページを作成することで、CMSを導入する場合よりも価格を抑えた制作を可能にしています。
施設サイト

いけばな桂古流・桂流

京都桂離宮の華務職を始祖とし、日本の伝統的な生け花と現代花を教授する他、今の時代にマッチしたクリエイティブ・フラワーの指導も行っている「いけばな　桂古流・桂流」のサービスサイト。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カテゴリーを主軸にそれぞれのメインページを用意。ユーザーが自身の目的に合わせた人気商品・おすすめ商品が、一目でわかりやすいようにしています。