はじめに 多岐にわたり、さまざまな事業活動や取り組みをされている鳥羽商工会議所様。長年、職員さんたちが更新されてきたWEBサイトを、内容整理し、さらに更新しやすい形へと新しくリニューアルされたいとのことで、ご依頼をいただきました。職員さんたちで更新する部分が多方面であったので、WordPressを導入し、ブログ機能とカスタム投稿を数種類構築。細かく仕様とカテゴリーを分け、各担当者様がそれぞれ記事を更新すれば、該当のページに読み込まれ、表示されるようシステム化しました。   ホームページ とてもコンテンツが充実しており、膨大な情報を弊社にて整理整頓。内容はもちろん、デザイン、レイアウト、導線を精査し作り込みました。デザインのご提案をさせていただいてから、お客様と打ち合わせを重ね、ブラッシュアップしていきました。また、スマートフォンやタブレットなどのモバイルデバイスからも快適にご利用いただけるよう、レスポンシブデザインを採用し、どこからでもアクセスしやすい環境に。 ※フルスクリーンでの閲覧が推奨サイズです。 https://www.toba.or.jp/    見せ方の工夫 メニューの見せ方 内容だけでなくページ数も多いので、見る人にとって、「見つけやすい、わかりやすい、探しやすい」メニューの見せ方に重点を置きました。   各コンテンツの見せ方 各ページ、デザインには統一感を持たせてありますが、それぞれに違った用途や目的、役割があったので、いかにそれらをわかりやすく整理整頓するかを試行錯誤し、クライアント様の「こんな風になってほしい」という想いと、ユーザーにとっての使いやすさ、導線、そのバランスのいいところを機能的、視覚的に実現。   ＜事例のピックアップ＞ 細かなカテゴリーに分類し、該当のページに表示   ＜事業の紹介＞ さまざまな事業を行なっているので、分野ごとにページを分け、ユーザーが求めるコンテンツへ辿り着きやすいよう、さらにページ内リンクをつけました。（一部外部リンク）     ▼ ▼ ▼   ページ内リンクをクリックすると、自動的にスクロールダウンし目的の事業内容を表示 鳥羽商工会議所様の職員さんたちに、それぞれの担当箇所の更新を随時行なっていただいており、さらに充実したWEBサイトになっております。     クレジット 鳥羽商工会議所 三重県鳥羽市大明東町１−７ https://www.toba.or.jp/ Creative Direction / 西岡 友幸 Direction & Design / 都 映里 Coding / 大西 健太

はじめに 鳥羽市の旅館「浜辺の宿　かめや」様が改装され、リニューアルオープン、そして海洋プラの取り組みをされるとのことで、印刷物（名刺・ショップカード・リーフレット・館内MAPパネル・インフォメーションブック）のデザイン・制作をご依頼をいただきました。   名刺 名刺を受け取る方の印象に残るよう、見た目だけでなく、触ったときの質感にもこだわり、また、紙の側面「小口」に色を入れる「小口染め」の特殊加工を施しました。小口染めのカラーは、かめや様のコーポレートカラーのネイビーに。     ショップカード 表面には光の当たり具合で見えるくらいの波のラインを入れ、ちょっとした遊び心を。 こちらも名刺同様、触り心地を重視。名刺とはコーポレートカラーを反転し、印象を変えました。また、縦横の向きに合わせてロゴのレイアウト、置き位置を工夫しております。ショップカードの裏面には、女将さんのだいすきな旅館前の風景と、かめや様のキャッチコピーを。宿泊される方がわくわくするような、また、宿泊された方の思い出が蘇るようにという女将さんの想いを込めさせていただきました。 リーフレット ２つ折りのリーフレットは横タイプにしました。かめや様の特徴をシンプルにわかりやすくデザインし、手にとってもらいやすい形で制作。「旅の思い出と共に、一緒にスクラップしてもらえるような感じにしたい」というご要望でした。   館内マップパネル ロビーとエレベーター内にある館内マップのパネル。こちらは弊社にてデザイン・データ制作し、ディンキーサインズ様https://dinky-signs.blogspot.com/に印刷、製造をしていただきました。アクリルパネルのプレートにて納品。   インフォメーションブック 各客室に置かれているインフォメーションブック。冊子はかめや様にてご用意いただき、ファイリングする中身の用紙をデザインさせていただきました。表紙、客室・営業のご案内、各階フロアーのマップや災害時の避難マップと災害対策案内、そしてかめや様が活動されている海洋プラのご案内、規約など。合計12ページ。 統一感を出すところ、注意喚起を重視するところ、読みものとして見てもらいたいところ、用途に合わせデザインで区別しております。また、小部数からでも出力、印刷させていただきます。         クレジット 浜辺の宿　かめや 本社： 〒517-0021 三重県鳥羽市安楽島町893-1 https://tobakameya.com/ Direction & Design / 都 映里

はじめに オリジナルパールジュエリーブランド PFE TAKASHI DEGUCHI を立ち上げて三重県伊勢市を拠点にデザイン製作、 渋谷区広尾PFEショールームにて卸、小売を行い昨年はY’s Pearl Baroque – Y’s x PFE TAKASHI DEGUCHIをリーリス。 今回ご紹介させていただく制作物は企画からパンフレット→撮影→ホームページまでの流れをワンストップで対応させていただきました。 写真撮影 デザイナーのルーツである真珠の生産地として世界的に有名な町、三重県伊勢志摩にてパンフレット、ホームページに使用する写真を船を出してもらいロケ撮影。船に乗りながらいい場所を見つけたら立ち止まり撮影をするスタイルでほぼアドリブ。計画したのは早朝集合と、ある程度の場所、どの商品を撮影するかといった程度でした。普段見る何気ない風景を切り抜く構図や真珠生産地の背景とデザイナーとの組合せを意識。     パンフレットデザイン 撮影した画像をイメージよく配置するため変形サイズにてデザインを計画。画像はなるべく多く掲載しつつ統一感のあるように。そしてデザイナー、商品のストーリーもイメージしてもらうため文字情報は少なめに。   DMカード 定期的に開催している展示会のDMカード。メインビジュアルと宛名面は諸情報の掲載。         ホームページ シンプルなページ構成でデザインコンセプトを踏襲し特徴をコンテンツごとに分けて、写真とテキスト量のバランスを意識。備新着情報などwordpressを導入。 ※フルスクリーンでの閲覧が推奨サイズです。  オンラインショップ PFE TAKASHI DEGUCHIが手掛けたパールジュエリーが購入出来るオンラインショップ。 ※フルスクリーンでの閲覧が推奨サイズです。    クレジット 株式会社パールファーイースト（PEARL FAR EAST INC. ） 本社：〒516-0076 三重県伊勢市八日市場町8-5 東京支店（Store & Aterier PFE）：〒150-0012 東京都渋谷区広尾5-9-22-C https://takashideguchi.com/ https://shop.pfe.jp/ Creative Direction / 西岡 友幸 Direction & Design / 西岡 友幸・都 映里 Photograph / 西岡

はじめに 三重県鳥羽市相差町のお宿「星海幽月 夢遊華」さんは弊社にてWEBサイトの制作などてサポートさせていただいております。今回客室にプライベートサウナを導入したのを機にプロモーション動画の制作をご依頼いただきました。絶景のロケーション、全室温泉露天風呂を完備しており旬の海幸を使い創作料理でおもてなし。どこまでも広がる伊勢志摩国立公園ならではのパノラマビューで移りゆく空・海の絶景を独り占めできるお部屋は、全９室のそれぞれ露天風呂付き客室がついてます。   フルムービー 各メディア用に尺は調整し編集いたします。 youtube用フルムービー 3:56 インスタ用 1:00 HPトップページ用 約35秒   ドローン、空撮 絶景のロケーションは他の宿にはない夢遊華さんの強みなのでそこはドローンにて撮影。想定ではチェックインからの時系列での時間の移り変わりを意識したので、午後（チェックイン）→夕方→朝日→午前（チェックアウト）の4シーンを撮影。特に太平洋から昇る朝日はパノラマビューで圧巻なので宿を入れたバージョンとは別に太平洋に朝日が登る様子も撮影。   料理（夕食） 普段の編集からトランジションのエフェクトは、あまり使いたくないタイプなので間の映像はいつもその場の雰囲気でアドリブで撮影することが多い。今回は料理のシーンの前はドローンでの施設が入った夕日だったので、さすがに料理だとシーンが飛びすぎるので女将さんに協力していただき料理を、お食事処へ運ぶシーンを切り替えの挿入映像に選んだ。他にも朝日への移り変わりも星空のタイムラプスを入れたりしてます。 プラベートサウナ 露天風呂付き客室にて、朝食前のサウナを楽しむイメージで撮影。サウナの開口部が狭いため中を広く取ることが難しいため様々なカットを撮影し単調にならないように工夫   クレジット 星海幽月　夢遊華 三重県鳥羽市相差町2269-16 https://www.yumeyuuka.com// Direction & Movie / 西岡 友幸

はじめに 以前作成させていただいた事例紹介で恐縮ですが三重県伊勢市のIse Megane様のホームページを制作させていただきました。個人的に気に入っているデザインなので改めて紹介させていただきたいと思います。ベルギーのTheoや999.9など個性的なフレーム扱うIse Meganeさんですが丁寧な診断やフレームコーディネート、フィッティングなど信頼できるショップだということがわかるようデザインしました。新作、入荷フレーム情報など掲載したいとのご要望には、お客さまが手軽に更新しやすいようwordpressにて実装。   ホームページ 性別年齢を問わず、メガネを着せ替えみたいな演出ができないか？それが今案件のテーマでした。そこでパララックス効果に着目しスクロールした際にメガネと人がスイッチするアイデアを思いつき実装しました。（PCのみ実装）コーディングする際エンジニアには顔と眼鏡の位置がずれないように何度も細部の調整を行い思い通りのサイトに仕上げてもらいました。 入荷フレーム情報はwordpressを用いた最新の情報やショップのコンセプトやサービスメニューなどしっかりと見ていただけるよう、トップページからの導線を提案制作させていただきました。   ブログ機能 お知らせや、　入荷フレーム情報は、お客さまの方で更新を行いたいというご要望で、更新しやすいようwordpressを実装しました。自分たちで更新したい部分と、弊社にお任せいただく部分を確認してどのような仕様にするか話し合いお打ち合わせの中でお客さまに合ったwordpressをお選びいただきました。  ※フルスクリーンでの閲覧が推奨サイズです。 https://isemegane.jp/   クレジット 伊勢メガネ（Ise Megane） 三重県伊勢市八日市場町４−１３ https://isemegane.jp/ Direction & Design & Photo / 西岡 友幸 Coding / K.S

はじめに 弊社の既存のお客様からご紹介いただき、三重県名張市の德村造園様のロゴデザインと、ホームページのリニューアルさせていただきました。今回のリニューアルでは、デザインを一新すること、レスポンシブ対応にすることはもちろん、ブログや施工事例を充実させ日々動きのある生きたサイトにすること、そして、なによりも德村造園様に外構工事を依頼したい方にとって、わかりやすく、問い合わせや依頼がしやすいような導線作りを意識しました。ご自身で更新をされたいとのご依頼でしたので、WordPressを導入し、日々のお知らせはブログ機能、施工事例にはポートフォリオ機能を採用しました。当初は更新していけるかご不安な様子でしたが、公開後こまめに更新していただいており、私たちも楽しみにしております。   ロゴデザイン とくむらのTをベースに、左官で使うコテや外構で扱うタイルなどを連想させるよう図形を描き組み合わせました。外構屋さんらしさが出るよう、平面だが立体感のあるデザイン。   ホームページ スマートフォンやタブレットなどのモバイルデバイスからも快適にご利用いただけるよう、レスポンシブデザインを採用し、どこからでもアクセスしやすい環境を整えました。  ※フルスクリーンでの閲覧が推奨サイズです。 https://www.1128tokuzou.com/   トップページからの導線づくり ホームページを訪問しにくる人は「何を知りたいのか」がとても重要になってきます。どんなことができるのか、問い合わせをするときは何を聞いたらいいのか、施工の流れはどうなっているのか、どこに何が掲載されていて、すぐ見つけられるよう工夫をしました。お客様がその先のお客様に知ってほしいこと、見てもらいたいことはもちろんですが、その先のお客様の求めるものが何なのかも踏まえて作り込んでいきます。 各ページへの導入部分 ▼aboutページへ ▼flowページへ これから外構工事を依頼する人にとってはとても大事な部分。入口をわかりやすくすることで、問い合わせをしやすい仕組みに。 ▼worksページへ 最新の施工事例３つをトップページに読み込み、最新を見たい人、もっとたくさん見たい方には施工事例一覧へ飛べるようにボタンを設置。 ▼NEWS・BLOGページへ 最新のお知らせとブログを３つずつ、カテゴリー別でトップページに読み込んでいます。 その他、ボタンやアイコンで直感的にわかりやすい視覚効果を使用しました。   クレジット 德村造園 三重県名張市新田1457-1 https://www.1128tokuzou.com/ Logo Design / 西岡 友幸 Direction & Design / 都 映里 Coding / Bee Design Works

はじめに 三重県立四日市西高等学校様の既存ホームページを全面リニューアルするプロジェクト。「学校行事の更新をこまめにしていきたい」「入試情報や部活情報も充実させたい」というご要望で、先生と生徒が自分たちでリアルタイムに更新できるよう、カテゴリーを充実させたブログ機能をwordpressにて実装しました。また、受験生や保護者の方々が必要な情報をより見つけやすく、分かりやすく提供できるような導線の確保をし、入試に関する最新情報や学校の特色、教育方針、カリキュラム内容などを充実させ、四日市西高等学校の魅力を感じていただけるようなデザインを考案。   動画&写真撮影 トップページのメインビジュアルには、ひとめで学校の雰囲気が伝わるよう動画を採用。施設だけでなく人物を入れることにより、学校生活の様子や雰囲気を最大限に活かしました。撮影参加に協力してくれる生徒さんを先生方に募っていただき、写真も数日に分けて撮影。 　　   カスタム投稿とブログ機能の使い分け 進学校でありながら、生徒会を中心に力を入れている学校行事や、熱心な部活動が特徴的な四日市西高校様。その活動記録を充実させたい！たくさんあるカテゴリーをいかにわかりやすく分類するかを、先生方と相談しながら実現した形態となりました。図書室や各部活の紹介はクライアント様が使いやすいようカスタム投稿の機能を実装し、日々の更新はブログ機能にて。ブログ更新はそれぞれこまめに行なっていただいており、動きのあるホームページです。 ＜カスタム投稿事例＞ ▼部活動ページ各部のボタンからカスタム投稿ページへ ▼カスタム投稿ページは部ごとに更新できるよう、項目にテキストを入力するだけで更新可能なシステムを構築。他の部を誤って編集してしまわないようそれぞれにアカウントを付与させていただきました。 ＜ブログ投稿事例＞ ▼最新のブログ記事をトップページに３件ずつ表示。カテゴリーがたくさんあるため、日々の活動記録を「Daily School Life」、学校からのお知らせを「Information」とし、よりアクセスしてもらえる仕組みに。この仕様は現役の生徒さんたちからの声から実現しました。   ホームページ 先生方、生徒さんたちが発信したい内容と、たくさんあるコンテンツの中からユーザーが知りたい情報を、見つけやすくわかりやすいよう構築しました。また、スマートフォンやタブレットなどのモバイルデバイスからも快適にご利用いただけるよう、レスポンシブデザインを採用し、どこからでもアクセスしやすい環境を整えました。   PC版   スマホ版   クレジット 三重県立四日市西高等学校 三重県四日市市桜町6100 https://424hs.jp/ Direction & Design / 都 映里 Photo & Movie / 西岡 友幸 Coding / 大西 健太

はじめに 三重県鳥羽市の長谷川パール様の新規ホームページを制作させていただきました。扱う商品が高級品であり、シンプルで品のよいサイトをご要望。ロゴや商品画像のご提供があり、それらを最大限活かせられるようデザインしました。催事などの出店も多く、催事カレンダーを掲載したいとのご要望には、お客さまが手軽に更新しやすいようGoogleカレンダーを埋め込みました。お知らせはブログ機能をお使いいただけるようwordpressにて実装。ふるさと納税返礼品でも人気のお店なので、ふるさと納税サイトへの誘導もシンプルかつわかりやすいように工夫しました。   ホームページ 品のよさ、高級感を出すためにシャープさを持たせつつも、真珠そのものがもつ美しさを活かせられるよう、アイコンに丸みをつけたり、真珠に見立てたボタン（PC版）を実装しました。スマホ・タブレットでは、誘導したいサイト（オンラインショップ・インスタグラム・ふるさと納税）をボトムメニューに設置。 歴史ある長谷川パール様は、代々受け継がれるコンセプトや想いと、時代とともに変化し成長し続けるデザインが特徴的です。その部分をしっかりと見ていただけるよう、トップページからの導線を有効的に使いました。 また、お知らせや、催事カレンダー、オンラインショップはお客さまの方で更新を行いたいというご要望で、それぞれ更新しやすいよう実装しました。最初のヒアリングの際に、自分たちで更新したい部分と、弊社にお任せいただく部分を確認してどのような仕様にするか話し合っていきます。いくつかご提案させていただいて、お打ち合わせの中でお客さまに合った方法・システムをお選びいただきました。  ※フルスクリーンでの閲覧が推奨サイズです。 https://hasegawa-pearl.com/   オンラインショップ 長谷川パール様のご要望でBASEにて登録、構築、開店公開まで弊社にて行いました。HPの雰囲気をそのままに、シンプルで品よく。商品登録と運用は今後お客さまにて行なっていただきます。    クレジット 長谷川パール 三重県鳥羽市鳥羽1-2383-13　鳥羽一番街2F https://hasegawa-pearl.com/ Direction & Design / 都 映里 Coding / K.S

はじめに 三重県津市にある「五十鈴監査法人」様は、以前弊社にてコーポーレートサイトを作成させていただきました。今回は40周年を迎えるにあたり採用サイトの制作をご依頼いただきました。制作する際に、ターゲットとなる求職者に対して魅力的で信頼性のある情報を提供するために必要なページ、内容を精査し、更にエンゲージメントを高めることで効果的な採用サイトになるようディレクションさせていただきました。   写真撮影 各ページのビジュアルは、監査法人ということもあり世間的なイメージで硬いイメージにならないよう多くのイメージカットや近隣でのロケーション撮影をおこないました。   ホームページ 既存のコーポレートサイト内の法人概要や仕事内容に関する情報は既存サイトへのリンクにて閲覧していただくよう意識。 ※フルスクリーンでの閲覧が推奨サイズです。 https://isuzu-audit.or.jp/forty-recruit/    先輩インタビューページ 先輩インタビューは4名の方に登場していただきました。文言は各項目ごとに分けて文章量が長くならないように。タイトルと各テキスト量の文字数が同じぐらいの長さになるよう意識しました。 ※フルスクリーンでの閲覧が推奨サイズです。 https://isuzu-audit.or.jp/forty-recruit/interview/interview-01/    クレジット 五十鈴監査法人 三重県津市丸之内３４−５ 津中央ビル 6F https://isuzu-audit.or.jp/forty-recruit/ Direction & Design / 西岡 友幸 Photograph / 西岡 友幸 Coding / 大西 健太

はじめに 三重県伊勢市にある「進学塾 ISM（イズム）」様には、ホームページのリニューアルをご依頼いただきました。小学生から高校生までの講座があり、ぎっしり詰まっていたコンテンツの整理をし、サイトマップを作成。誰に向けて発信するのか、どんな人にとってわかりやすく見やすくあればよいのか、どんな人に見てもらいたいのか、それらに重点を置きました。また、講師の皆さまが長年ずっと続けてきたコラム（ブログ）は消すことなく、新しいホームページへと移行。その後も続けていくためword pressのブログ機能を実装し、カテゴリーでしっかりと分ける工夫を施しました。更新は、先生方からテキスト原稿をお預かりし、弊社にて。ブログだけでなく、ホームページの更新、インスタグラムの運営も定額サービスをご利用いただいております。   動画&写真撮影 トップページのメインビジュアルは、ISM様の最大の特徴でもある各年代の指導に精通した専門の講師陣の皆さまをクローズアップ。そして、4つの校舎それぞれの施設、授業や自習室の様子なども撮影しました。 　　   ホームページ まず第一に、在校している塾生や保護者の方々にとって、時間割や年間スケジュール、お知らせなどにアクセスしやすいこと。そして、入塾を検討している方々にとって、たくさんある情報の中から、知りたい情報を見つけやすいこと。それでいて、進学塾ISM様の特徴が、伝わりやすいデザインにすること。念入りに社内で議論を重ね、仕組みづくりに時間をかけました。ボタンやフロートメニューの使い方、配置など、ユーザビリティーを意識したホームページです。また、ISM様では先生方の「講師ブログ」が毎月2〜3件ある他、特別講習や、イベントなども随時行われているので、フレッシュな情報をいち早くお届けできるよう、ブログとインスタグラムの両面からアプローチしています。 ※フルスクリーンでの閲覧が推奨サイズです。 https://ism-ise.jp/    インスタグラム更新 進学塾ISM様からお預かりした原稿を元に、弊社で画像を制作、ライティングをして更新を行なっております。 https://www.instagram.com/shingakujyuku_ism/ 　　   クレジット 進学塾ISM 〒516-0074　三重県伊勢市本町7-3 ISMビル https://ism-ise.jp/ Direction & Design / 都 映里 Photo & Movie / 西岡 友幸 Coding / 大西 健太