WORKS制作のコト

制作実績Showcase

ニチリンインターナショナル株式会社

ニチリンインターナショナル株式会社

対応デバイスPC/スマホ

コーポレイトサイト
公開
2018.05
URL
http://www.nichirin-intl.com/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

社内システムに平行して、コーポレートサイトのリニューアルを行いました。レスポンシブデザインを採用し、画面の表示位置に合わせて、各コンテンツのタイトル等を表示するなど、画面の動きに合わせたパララックスの手法を取り入れています。また、ローディングページにもアニメーションを採用し、ロード時間を感じさせないサイト閲覧を実現しています。

株式会社パソナマスターズ

株式会社パソナマスターズ

対応デバイスPC/スマホ

コーポレートサイト構築
公開
2018.04
URL
https://www.pasona-masters.co.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

社名変更に伴う、サイトのリニューアルを行いました。シニア世代の方がユーザーとなるため、閲覧、操作のしやすさ、見やすさをコンセプトにデザインを行いました。また、一般ユーザーと法人ユーザーの区分けがあり、それぞれのユーザーが迷わない情報設計を目指しました。サイトはPC版とスマホ版をレスポンシブ対応で表示を切り替えています。

株式会社スタッフロール様

株式会社スタッフロール

対応デバイスPC/スマホ

コーポレイトサイト制作
公開
2017.12
URL
https://www.staffrole.co.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

クライアント様が展開する独自のソーシャルビジネスをお伝えするために、企画から撮影、ライティングまでサイト構築を行いました。福祉にも近い事業のため、一般的には固いイメージになってしまいがちなところを、デザインやコンテンツ、またサービスで拂拭したいというクライアントの想いをデザインやコンテンツの表現に反映しました。また、人の気配を感じるサイトづくりを目指し、できる限りスタッフにサイト上に登場してもらいました。さらに、より自社サービスが伝わるように、役員の方々による対談をコンテンツとして制作しました。対談のコーディネイトも今回は弊社にて行いました。サイトはレスポンシブ対応でPC版とスマホ版を切り替えて表示しています。サイトローディングには、クライアントのコンセプトコピーをベースにアニメーションローディングを採用しています。

株式会社SIoT様

サイト名

対応デバイスPC/スマホ

商品ティザーサイト制作
公開
2017.11
URL
https://www.soundpass.net/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

IoTメーカー様の商品紹介のティザーサイトを制作しました。全体を商品に合わせてポップに仕上げることをコンセプトにイラストをベースにサイト構築し、スマホファーストで、レスポンシブデザインに対応し、PC版、スマホ版を構築しました。

株式会社SHIN空間様

SHIN空間

対応デバイスPC/スマホ

コーポレートサイト制作
公開
2017.08
URL
http://www.shin-kukan.co.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

デザインオフィス有限会社鞍知on鞍知(http://www.cluch.jp/)との共同でサイト制作のお手伝いをさせていただきました。主に、WEBサイト上での技術的なディレクションと実際のコーディングを行いました。グラフィックデザインを元に、WEBで可能な技術的表現などをデザイナーと吟味しながら、元となるグラフィックを忠実に再現すべく、コーディングを行いました。サイトはレスポンシブ対応にて、PC版とスマホ版を切り替えています。トップのローディングには、クライアントのコンセプトロゴをベースにローディングアニメーションを採用しています。

株式会社中日新聞社様

中日スポーツ(CHUNICHI Web)

対応デバイスPC/スマホ

中日スポーツ(CHUNICHI Web)
公開
2016.03
URL
http://www.chunichi.co.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

一昨年リニューアルした中日新聞(CHUNICHI Web)同様、 レスポンシブサイトへリニューアル。 リニューアル前のhtml構造をベースにCSSではレスポンシブを実現できない部分をJavaScriptで実現。 またメディアサイトで重要な広告エリアはJavaScriptを使用し位置の移動、表示広告の切り替えを行っております。

中日新聞(CHUNICHI Web)

対応デバイスPC/スマホ

中日新聞(CHUNICHI Web)
公開
2014.08
URL
http://www.chunichi.co.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

スマホでの閲覧数増加に伴いレスポンシブサイトへリニューアル。 リニューアル前のhtml構造をベースにCSSではレスポンシブを実現できない部分をJavaScriptで実現。 またメディアサイトで重要な広告エリアはJavaScriptを使用し位置の移動、表示広告の切り替えを行っております。

中日新聞プラス じゃんけんゲーム

対応デバイススマホ

中日新聞プラス じゃんけんゲーム
公開
2013.12
URL
http://chuplus.jp/game/janken/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

スマホユーザをターゲットにしたゲームを制作しました。HTML5のCanvasを使用し、コミカルな動きを実現しました。 子供からご年配の方まで幅広く遊べるように非常にわかりやすUI設計を心がけました。

中日新聞プラス 早押しゲーム

対応デバイススマホ

中日新聞プラス 早押しゲーム
公開
2013.12
URL
http://chuplus.jp/game/hayaoshi/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

スマホユーザをターゲットにしたゲームを制作しました。HTML5のCanvasを使用し、コミカルな動きを実現しました。 子供からご年配の方まで幅広く遊べるように非常にわかりやすUI設計を心がけました。

横浜中華街発展会協同組合様

横浜中華街 インスタキャンペーンサイト

対応デバイスPC/スマホ

横浜中華街 インスタキャンペーンサイト
公開
2018.02
URL
http://www.chinatown.or.jp/event/event/insta_campaign/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

横浜中華街が主催するインスタラム投稿キャンペーンの特設サイトを構築しました。メインビジュアルに動画を表示させ、キャンペーンサイトにインパクトを持たせています。サイトは本体サイトと同じく、レスポンシブデザインにて、PC版とスマホ版の表示切り替えを行っております。今回は、企業とのコラボレーションにおけるディレクションから運営まですべてを担当しました。

横浜中華街

対応デバイスPC/スマホ

横浜中華街
公開
2014.11
URL
http://www.chinatown.or.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

横浜中華街のポータルサイトを制作させていただきました。 スマホからの閲覧数が急激に増加したことにより、PC・スマホでも閲覧できるレスポンシブデザインを採用。 横浜中華街らしい賑やかさをデザインで表現しております。 バックエンドはWordPressを利用。

丹羽明人アトリエ様

スマホサイト制作

対応デバイスPC/スマホ

スマホサイト制作
公開
2017.12
URL
http://www.niwa-atelier.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

既存のPC版WEBサイトを元に、スマホ版サイトの構築を行いました。レスポンシブ対応にて構築しました。PC版はCMSで構築されおりますので、CMS上でクライアント様が更新できる部分は可能な限り、一回の更新作業でスマホ版にも反映できるようにしました。

スペシャルサイト

対応デバイスPC

スペシャルサイト
公開
2014.10
URL
http://www.niwa-atelier.jp/special/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

クライアントのコンセプトをより伝えるためのスペシャルサイトを企画から制作まですべてを担当しました。画面のスクロールに合わせて、写真やテキスト、イラストを表示させるアニメーションを採用しています。撮影では、敢えてフィルムで撮影し、より、クライアントのコンセプトに合う温かみを表現しています。

丹羽明人アトリエ

対応デバイスPC

丹羽明人アトリエ
公開
2012.04
URL
http://www.niwa-atelier.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

木の家をテーマに暖かみのあるデザインにに仕上げました。 また特集ページではパララックスのアニメーション効果を使い、ユーザがサイトに引き込まれる要素を追加し、 最後まで楽しく見られるように工夫しております。

株式会社福孝工務店様

株式会社福孝工務店

対応デバイスPC

株式会社福孝工務店
公開
2014.04
URL
http://www.fukutaka.com/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

30代の奥様をメインターゲットにやわらかく親しみやすデザインに仕上げました。

あすか建設株式会社様

あすか建設グループ

対応デバイスPC

あすか建設グループ
公開
2013.11
URL
http://www.asuka-gp.com/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

あすか建設グループのポータルサイトを制作しました。 各グループ会社のサイトもすべて弊社にて制作しております。 バックエンドに関しましてはMODXを使用し、各グループ会社のサイトを一括管理しております。

株式会社か茂免旅館様

サイト名

対応デバイスPC/スマホ

ウェディング事業向け スマホサイト
公開
2017.12
URL
http://www.ka-mo-me.com/wedding/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

既存のPCサイトを元に、スマホサイトを構築しました。既存のPC向けサイトは、スマホ版を考慮に入れて設計はされていませんでしたが、デザインはPC版を踏襲し、レスポンシブではなくPCサイトは別にスマホサイトを構築。アクセスしたユーザーの画面サイズにより、PC版かスマホ版かを自動的に切り替えて表示されています。また、PC版ではCMSのシステムを採用しており、CMSにより主な更新を行っています。PC版とは別にスマホサイトは構築しておりますが、更新内容はPC版、スマホ版を一括で更新できるようにスマホサイトにも、既存のCMSの機能を組み込んでいます。

か茂免 求人特設サイト

対応デバイススマホ

か茂免 求人特設サイト
公開
2014.01
URL
http://www.ka-mo-me.com/recruit/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

か茂免様の求人サイトを制作いたしました。 スマホに特化しております。

か茂免

対応デバイスPC

か茂免
公開
2012.06
URL
http://www.ka-mo-me.com/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

株式会社か茂免旅館様のオフィシャルを制作いたしました。 料亭サイトとウェディングサイトそれぞれデザインを変更し、各サービスのコンセプトに合わせてデザインをしております。 またウェディングサイトにはWordPressを利用してサイトを管理しております。

有限会社ベニヤ様

紅や 求人特設サイト

対応デバイスPC/タブレット

紅や 求人特設サイト
公開
2013.05
URL
http://www.bnyrecruit.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

「外出先でタブレットを用いてプレゼンテーションを行いたい」と有限会社ベニヤ様のご要望によりタブレットサイズに特化したサイトを制作いたしました。 動画コンテツではPC・タブレット両方で再生できるようにFLASH、HTML5のVIDEOタグの切り分けを実装しました。

愛知県料理生活衛生同業組合様

愛知料理店ガイド

対応デバイスPC

愛知料理店ガイド
公開
2011.11
URL
http://www.aichi-ryouri.com/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

愛知県料理生活衛生同業組合様の愛知料理店ガイドを制作させていただきました。 バックエンドにはCakePHPのフレームワークを使用しております。

株式会社フルヘルス様

5/R HALL&GALLERY

対応デバイスPC/ケータイ

5/R HALL&GALLERY
公開
2010.07
URL
http://www.five-r.jp/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

株式会社フルヘルス様の5/R HALL&GALLERYサイトを制作いたしました。 バックエンドにはCakePHPのフレームワークを使用しております。またチケット販売のシステムをオリジナルで構築しました。

三重テレビ放送株式会社

三重テレビ放送

対応デバイスPC

三重テレビ放送
公開
2010.04
URL
http://www.mietv.com/
担当
  • 企画・提案
  • デザイン
  • コーディング
  • JS実装
  • CMS構築
  • 動画制作
  • 取材
  • 撮影
  • ライティング

三重テレビ放送様のオフィシャルサイトを制作させていただきました。 サイト内コンテンツである三重の情報をお届けする「みえもん」とエムっとくんのキャラクタがメインの「エムっとくん」のコンテンツを別々のデザインに仕上げました。バックエンドにはMODXを使用しすべてのコンテンツを管理しております。