株式会社 北海道総合技術研究所様

「SVGアニメーションと緻密なUI設計で描く、電気設備の新たなスタンダード」

大同電設株式会社様のサイトリニューアルにおいて、弊社は最新のWEB技術を駆使したビジュアル表現と、ユーザビリティの向上を追求しました。

【テクニカル・ハイライト】

SVGロゴ・アニメーション：
ブランドの顔である「D」ロゴをSVGで実装。クライアント様のご要望であった「重厚感」と「金属の光沢感」を出すため、回転の加減速や光の反射を0.1秒単位で微調整しました。

コンセントプラグ・インタラクション：
「つなぐ」という事業の本質を直感的に伝えるため、コンセントプラグをモチーフにした独自のUIを採用。スクロールやホバーに連動した仕掛けが、サイト全体にリズムを生み出しています。

ビジュアルの統一：
トップのスライド写真は、固定されたテキストと写真が連動して切り替わるモダンな仕様に。下層ページには全国の支店・センターの活気ある写真をバランスよく配置し、企業の規模感と実直さを視覚的に伝えています。

北海道千歳市緑町にある中田工業株式会社様のWEBサイトリニューアルをさせていただきました。

中田工業株式会社様は、北海道千歳市を中心に50年以上に渡り防水・建築工事に携わっており、数々の実績がございます。公共施設建設から民間住宅建築まで幅広く手掛けており、多くのお客様から信頼されている企業様です。

野球部の活動にもとても力を入れていらっしゃるため、今回リニューアルしたサイトでは、その活動的な社風の魅力をお伝えできるよう、爽やかな青系色をベースに抑揚のあるデザインで配置をさせて頂きました。

中田工業株式会社様は個人のお客様からのご依頼も承っていらっしゃいますので、防水・断熱・補修工事を通じて大事な家屋を住みやすくしたいとお考えの方はぜひご相談してみてはいかがでしょうか。

北海道千歳市旭ケ丘にある株式会社協栄土建様のWEBサイトリニューアルをさせていただきました。

株式会社協栄土建様は千歳市内を中心に官公庁発注の土木・建築工事をはじめ民間の造成工事から新築・修繕工事・防音対策工事まで、千歳地区を中心に幅広く建設工事に携わっております。

ロゴの青色を基調に、協栄土建様のこだわりを反映したデザインにし、採用ページ・施工実績ページを新設いたしました。
ユーザビリティ向上のために、見やすい文章構成や年度別アーカイブの導入など、工夫を随所に凝らしております。

また、トップページでは躍動感あふれる動画とキャッチコピーを挿入することで、ユーザーの目を惹き付ける構成となっております。

協栄土建様では積極的な採用を行っておりますので、ものづくりに興味のある方はぜひご相談してみてはいかがでしょうか。

千歳市上長都にある菅原興業株式会社様のWEBサイトリニューアルをさせていただきました。

菅原興業株式会社様は、千歳市内において公共事業をはじめ、
とび・土工工事、建築工事、土木工事の３種の事業を柱として運営しています。

菅原興業様のヘルメットの青紺色をベースに、安全衛生や人材育成に対するこだわりや豊富な施工実績など、多様なコンテンツを余すことなくお伝えできるよう、配置にメリハリをつけ、読みやすいデザインにいたしました。

菅原興業株式会社様は事業者様のみではなく、個人のお客様からのご依頼も承っていらっしゃいます。

一般住宅やアパートの内外装リフォーム工事、玄関先やお庭等の土木・造園工事、冬季の除雪・排雪などでお困りことがございましたら、ぜひ菅原興業様へご相談してみてはいかがでしょうか。

公共事業を中心に千歳市内において設備事業、水道事業、環境事業の３つの事業を柱として運営されております、協業組合カンセイ様のWEBサイトをリニューアルさせていただきました。

今回のWEBサイトのリニューアルでは、カンセイ様のイメージカラーの緑を基調に、ご家庭のゴミ収集やくみ取り・水回りなどの身近なトラブルを解決してくれる親しみやすさをお伝えできるよう心がけました。

また、トップページに動画を採用することで、訪れていただいた方の目を引くようなインパクトのあるサイトにするとともに、カンセイ様の雰囲気がより伝わるように工夫いたしました。


協業組合カンセイ様は事業者様のみではなく、個人のお客様からのご依頼も承っていらっしゃいます。

ご家庭での水回りのトラブルや大型ゴミの収集、トイレや汚水のくみ取りなど、お困りのことがございましたら、ぜひカンセイ様へご相談してみてはいかがでしょうか。

この度は、有限会社エイアンドワイヨシダ通信工業様のロゴと名刺を制作させていただきました。

電気をイメージするギザギザのラインから、ネットワークビジネスを支えるインフラ設備を管理する、エイアンドワイヨシダ通信工業様の事業内容を連想させる円形のラインで表現いたしました。

ブラックとイエローのカラーリングは、視認性もあり電気系との相性が良いため、
それに合わせて通信事業を表す分かりやすいシンプルな形状でまとめております。

大建産業グループ　豊富土木運輸株式会社様のWEBサイトを制作させて頂きました。
今回の制作ではご要望に合わせて豊富土木運輸様のトラックのお写真を前面に、1ページでサイトに訪問されたお客様にお伝えしたい情報をお届けできるよう作成をさせて頂きました。

豊富土木運輸様はインフラ整備や酪農業を中心とした土木工事・安全で環境に配慮した輸送などを通じて、地域産業の活性と豊かな社会づくりに貢献されています。
一般貨物運送・産業廃棄物収集運搬や各種土木工事は豊富土木運輸様にお任せください！

大建産業グループ　株式会社大建産業様のWEBサイトを制作させて頂きました。
ロゴ制作に引き続き、大建産業グループ３企業のサイト立ち上げをご用命いただきました。

北海道天塩郡豊富町にある草地整備／土木・舗装・解体工事／除排雪業務／その他建設工事全般に関する調査・企画・測量・設計・監理・施工などを行っている建設会社、株式会社大建産業様のサイト制作実績をご紹介いたします。

ご担当者様とはサイト制作開始から納品まで遠隔でのやり取りでしたが、チャットツールや電話による定期的な打ち合わせを行わせていただき、イメージのずれや認識違いが生じないよう、コミュニケーションをしっかり取ることを意識して取り組ませていただきました。
素材のご提供や文章チェックなど、スピーディーなやりとりにご協力くださり、誠にありがとうございます。
新しく公開された大建産業グループホームページを是非ご覧ください。

株式会社大建産業様は、北海道天塩郡豊富町にある建設会社です。
この度は大建グループの３つの事業に共通するロゴデザインを制作させて頂きました。

円形に沿って伸びゆく「道」 や「大地」をイメージさせるラインを取り込み、その中にDAIKENの「D」をレイアウトし、シンプルかつ動きのあるデザインを意識して制作いたしました。
土木事業の重厚感があるイメージとは異なる趣きを与えることで、爽やかで新鮮なイメージを持っていただけると思います。
DAIKEN「I」の三本線は大建グループの３事業を指し、３つの企業・事業が共に成長し繁栄するイメージを表現しています。
また、大建産業様は、タイヤの取り扱い・処分等の事業も行われており、タイヤの溝をデフォルメした凹凸のあるラインをデザインの一部に取り入れています。

地域密着で建設業全般を展開している大建産業様についての詳細はHPからご確認頂けます。ぜひ覗いてみてはいかがでしょうか。

株式会社 北海道総合技術研究所（HIT技研）様のWebサイトを
リニューアルさせて頂きました。

札幌市を中心として、流通や福祉をはじめとした様々な業種のシステム、
組み込み系及び製品ソフトの開発など幅広い分野で地域に根ざした活躍をされています。

その後は東京、横浜、名古屋にも支社を展開し、道外でもお客様のニーズに合った最適な技術を提供いたします。
納品後も社内にて培われた実績や技術力を活かした改善・提案にて、手厚いサポートも行っております。

システム関係でお困りの方は、ぜひご相談をしてみてはいかがでしょうか。

社員の皆さまへのインタビュー・写真撮影もツヨシオカにて担当させていただきました！
コーポレートサイト内に新卒採用向けの特設ページを併設し、IT業界未経験の方にもアピールできるコンテンツに仕上がっております。

スマートフォンのホーム画面をイメージした、シンプルさや探しやすさを重視したつくりとなっています。
千歳市・恵庭市を中心に公共工事をはじめとする造園・土木工事の他、除雪・排雪作業、造園・土木の各種資材販売などまで幅広く行っております。
造園 ・土木施工や除雪・排雪でお悩みの方は株式会社北斗サービス様にご相談ください！

株式会社髙橋管機工業様は昭和31年創業、平成28年で創業60年を迎えました。
地域の環境とライフラインを支えて60年という信頼と実績のある企業様のWEBサイト制作を任せていただき光栄です。

高橋管機工業様の要望としまして、現在若手の技術者不足を懸念しており、採用情報ページに力を入れてほしいとのことでした。
そのため、現場での写真を提供していただいたり、実際の作業内容に関して何回もヒヤリングを重ね、
高橋管機工業様にも納得していただける採用ページとなりました。
様々なコンテンツを作成しましたが、採用情報ページは特に必見と言えます。

市や国の事業をメインとしておりますが、現在は一般住宅向けの業務も行っているそうです。
水漏れやつまりなどの水のトラブルに関しては、高橋管機工業様にご相談ください！