lui-design

制作概要 ジャパン・オペラ・フェスティヴァル2018 の最終チラシデザイン。最終というのはこれまでに幾度もデザイン修正をしたりカスタマイズ(地域ご …

制作概要

ジャパン・オペラ・フェスティヴァル2018 の最終チラシデザイン。最終というのはこれまでに幾度もデザイン修正をしたりカスタマイズ(地域ごとや顧客ごとに内容を変更)したりした結果、最終的に「城チラ」というものが完成。

クラシックは伝えたいことがたくさん

オペラトスカの最期のチラシデザイン

大手の劇場や楽団などであれば伝えたいことを省いていけるのでしょうが、野外オペラは毎年のように開催場所も違う上、キャストも毎回異なるため伝えたい情報量がとてつもなく多くなってしまいます。常に「訴求ポイントはなにか」というのとポイントごとに割合を決めてチラシやポスターの範囲を陣取り合戦のように配置して試行錯誤する作業を繰り返しました。「野外で」「本場イタリアのオペラを」「9月にやります」の3つなのですが、それだけでは心動きません。最終「城チラ」でデザインは終了しましたが、デザイン仕事は「エンドレス」だと久々感じた制作でした。

光と影で多い情報量の視線動線を確保する

情報量が多い、文章量が多いとどうしても視線動線が途絶えてしまいがちです。このチラシの場合はシャチホコから赤い斜めの線を伝って、開催場所と開催日時を経て、キャストの写真に流スト同時にチケット料金も確認できるようにしています。このチケット料金は視線が途中で落ちてしまってもチケット料金にたどり着けるようにしています。ちゃっかりと売れて欲しいチケット料金(S席とA席)は左右真ん中に来るようにもしています。

三つ折り確認

さらに、紙媒体の使い方として「3つ折りで封入」という販促もあったため、紙面を三つ折りされた場合には「城」「野外オペラ」「名古屋城」が必ず残るようになっています(写真3枚目の黄色い線)。

三つ折りでもぜったい落とさない

三つ折りのファーストビューはWebでいうとアイキャッチです。興味を引くように、キーワードだけで想像させれるようにする必要があります。デザインに溶け込ませることが難しい場合はチラシ上部に2センチほどの帯に伝えたい1文を記載するのがおすすめです。

2018 / チラシデザイン
公益財団法人さわかみオペラ芸術振興財団

lui-design

制作概要 ジャパン・オペラ・フェスティヴァル2018 のサイト。「TOSCA」と「名古屋城」をとにかくインパクト重視で作りました。その他、フェステ …

制作概要

ジャパン・オペラ・フェスティヴァル2018 のサイト。「TOSCA」と「名古屋城」をとにかくインパクト重視で作りました。その他、フェスティヴァル内にはサントリーホールの公演、浜離宮での公演もありますが、やっぱりメインは『野外オペラ』です。

公演後に公開したサイト

お城も舞台の一部

公演前は特設サイトとページを制作して情報更新やチケット販売などができるサイトだったのですが、公演後にすべてをまとめた公式サイト内のコンテンツとしてまとめました。野外オペラということもあり、雨天の場合は公演中止となります。2018年は6公演中4公演も雨で中止となり、掲載する写真もとても少なくなってしまったのが悔やまれるところです。

2018 / Web
公益財団法人さわかみオペラ芸術振興財団

lui-design

制作概要 犬のブリーダーとワンちゃんを新しく迎える方をつなぐ「ブリーダーズ」サイトデザインとコーディング制作。システム部分は内製したものを使用され …

制作概要

犬のブリーダーとワンちゃんを新しく迎える方をつなぐ「ブリーダーズ」サイトデザインとコーディング制作。システム部分は内製したものを使用されています。ブリーダーマッチングサービスの他に消臭剤などの通販事業も運営されています。

犬種をサブドメインで分ける

すべてのブリーダーポータル

サイト構築の初期段階で必ずと行って話題にあがるのがSEO。SEO対策のほとんどは「サーチエンジンのため」であるのに対し、ブリーダーズのサイト構成は「顧客視点」であることが大きなポイントです。管理しやすい・SEOに効果が期待できるサブドメイン化を犬種ごとに分けることで犬を探している人が好みの犬種にたどり着きやすいようになっています。もちろんPPC広告なども犬種別にかけることも簡単に対応可能です。犬を飼おうという人の大半は「好みの犬種」が決まっていることがほとんどですので、すでに犬種で絞り込まれている状態は見る側からするととても探しやすくなります。

コーギーのポータル

もちろん、犬種ごとにサブドメインをわけなくても条件分岐やタグマネージャーなどで対応できるのでは?という意見もあるかもしれません。ですが自社で運営・保守、広告管理をするとなると多少更新の手間が増えたとしても、単純なサイト構成であればブラックボックス化することはありません。制作時点で最新のテクニックを使うことが常に最善策とはいえません。

本当に好きなことにこだわる

ブリーダーズのサイト構築はかなり長期間の制作となりました。デザイン部分よりもシステム部分での変更などが重なり、デザイン部分も変更修正箇所が続いたからです。依頼主である代表のブリーダー(売る側)と飼う側への思いの強さ、自社で運営するときのこだわりポイントなどを日々考えを深めているのがひしひしと伝わってくる制作でした。

犬が好きで、犬が好きな人も好きで。
そういった思いを伝えるためには数回の打ち合わせだけで想いを汲み取るのは難しいことです。数ヶ月間、打ち合わせや現場などを見てデザインを組み立てて完成させることがデザイナー冥利に尽きると感じた制作でした。

2016 / Web
ブリーダーズ

lui-design

制作概要 水道修理で有名なくらし安心クラシアンの公式サイトを支えるべく企画・制作した「支社ブログ」サイト。時代はコンテンツ・マーケティングと囁かれ …

制作概要

水道修理で有名なくらし安心クラシアンの公式サイトを支えるべく企画・制作した「支社ブログ」サイト。時代はコンテンツ・マーケティングと囁かれ始めた時期でもありました。その、自社コンテンツをどのようにして蓄積してSEO的には効果があるサイトを構築していけるか。buddypressのカスタマイズで制作しました。

投稿するのは「ブログも書いたことのない人」

wordpressを使用する時に一番頭を悩ませるのが「誰が使うのか」という部分。多くの文献があるwordpressなので使い方の本などを紹介することもあるのですが、buddypressの本は見たこともありません。さらに、ブログを書いたことのない、会ったことのない現場の100人近くのスタッフが簡単に書ける日報のような感覚で更新できるようにするため試行錯誤を繰り返しました。

支社をつなぐ

SEOの賭け

ロングテール施策としても力を発揮していくであろうコンテンツはサブドメインにするか否かもかなり悩みました。これについては「賭け」でした。だれもサブドメインがSEOに強い!と断言できるものではないからです(これは今でもそうですよね)

ただ「良質な記事が10個に1個でもいいから積み重ねていく」のがとにかく大事。ラーメンや天気の話、職場の話のなかにたまに自社サービスを紹介する記事がある。SEOも大切ですが、自社で楽しく働くスタッフを紹介できることで、ブランディングにも将来的にはつながることを考えてサービスインしました。

サービス開始後から1年では最小限の効果しか実感できなかったのですが、数年たった今となっては公式サイトを凌ぐほどのアクセスをロングテールから集める巨大なコンテンツになっています。

どんなマーケティング策も、現場が楽しみながら、とことん続けるということが必要だと考えています。PPCやテレビ広告などの大きな勢いも必要ですが、数年経っても効果を発揮し続けるコンテンツ・マーケティングを制作できた自分としてもとてもうれしく思います。

2011 / Web Buddypress
株式会社クラシアン(支社ブログ)

lui-design

制作概要 水道修理で有名なくらし安心クラシアンの公式サイトリニューアルをしました。サイトリニューアル以外にも多くの課題があった時代でもありました。 …

制作概要

水道修理で有名なくらし安心クラシアンの公式サイトリニューアルをしました。サイトリニューアル以外にも多くの課題があった時代でもありました。結果、大きく売上を伸ばすことができました。

誹謗中傷に悩む

当時はSEOを利用した誹謗中傷が問題になっていました。今となっては想像もつかないことなのかもしれませんが、個人が上げた誹謗中傷ページに日本全国の水道業者がそれはもう膨大な被リンク対策をして公式サイトのすぐ下に「ぼっ○○○」というページを上昇させてきていたのです。正当に弁護士を通してページ削除申請をしたのですが、その言葉は誹謗中傷ではないという結果になり取り合ってもらうことが出来ず。

ありとあらゆる対策を取るため、まずは公式サイトをSEO強化するべくリニューアル作業をすすめました。その時WEBチームは私ひとりでしたのでひとりで作業をしました。

くら しあん

新しいキーワードを生む

WEBのリニューアルが完了時、新しいテレビCMを制作する話が上がり、そこで新しいキーワードを俳優に喋らせてインパクトを付けさせることにしました。それは「くらしあんしん 検索!」です。膨大な被リンクは社名のみ対象にしていたので、テレビで新しいキーワード検索をさせることで、顧客を別ルートから誘導させることに成功しました。

結果、日々の受注が倍増。売上も過去最高となりました。

地域を助けたPPC広告

売上を数億円増加させたというのはお金だけの考え方でありますが、受注の少ない地方の支社で働くスタッフにとってもネット広告は大きく貢献しました。受注が増えた分、スタッフを雇用することになり、職を求めている人たちにも大きく貢献したのではないかと思います。

このようなネット広告で売上を倍増したあとのインパクトまでしっかりと見れたことで「お金の動きによる組織・人の対応力」というのが一番大切なのだということも感じました。

2011 / Web
株式会社クラシアン

lui-design

制作概要 公益財団法人お金をまわそう基金の初代サイトをデザイン・構築しました。 国内では初となる「寄付のstripe決済」を導入。さらにAmazo …

制作概要

公益財団法人お金をまわそう基金の初代サイトをデザイン・構築しました。
国内では初となる「寄付のstripe決済」を導入。さらにAmazon Payも組み込みました。使用したカートシステムはwordpressのカートプラグイン「Woocommerce」です。寄付分野でランニングコストが一円でも安いものと考えた結果、「無料」を選びました。

日本の「寄付」のむずかしさ

「寄付」は通常のカートを利用して、よくあるECサイトの決済システムを使えば良いと思っていたのですが、初期費用ランニングコストからstripe決済を選んだわけですが、「寄付」を許可している決済会社が思いの外少ないという事実をはじめて知りました。

寄付サイト構築

そこで、Stripe決済も一度「日本の寄付には対応していない」と断られてしまったのですが「商品(サービス)購入型寄付」であれば導入可能ということになり、メルマガ情報と年に1度のレポートを「購入する」ということで導入できました。なんだか、おかしい話かもしれませんが、日本でサービスされている「クラウドファンディングサイト」はこの購入型にあたるのです。Stripeを利用することでAmazon Payも簡単に対応できました。

Woocommerceのカスタマイズ

Woocommerceのカスタマイズは通販サイトではないため、範囲が広いカスタマイズとなりました。「商品」や「価格」といった通販の記述をひとつひとつ寄付者にそった文言に変える作業、税控除対応のアラートを出したり、定期寄付のプラグインを導入してスポット寄付も定期寄付も500円から寄付が可能なサイト構築となりました。

それでいて、製作者以外の現場のスタッフも使いこなせるような操作感が必要な部分もwoocommerceなら他のECカートよりもカスタマイズが簡単だったのは唯一ホッとしたところでもあります(wordpressのカスタマイズなので)

2017 / Web
公益財団法人お金をまわそう基金

lui-design

制作概要 JBLスピーカー「KENRICK SOUND」コーポレートサイト。 Webデザイナーなりたてのころからの知り合い、ホソケンからの依頼で制 …

制作概要

JBLスピーカー「KENRICK SOUND」コーポレートサイト。
Webデザイナーなりたてのころからの知り合い、ホソケンからの依頼で制作しました。

jQueryブーム初期

2009年あたりからjavascriptが注目されるようになってきました。jQueryの登場でした。当時はjQueryの他にMootoolというものもあり、どちらを使えば良いのかもわからない上、模索状態で使用していました。結局、機能の多さでjQueryが主流になったのはほんの数年の間だったと思います。

KENRICK SOUND

そんなjQueryの初期段階でPjaxみたいなことをやってやるぞ!というサイト第一号でした。描いたコードは簡単なものでしたが、日本語文献が全く無いという状態でよく負けずに作ったと思います。現在はPjaxも簡単にできるようになっているのですが、なんとなく作る気が起きないんですよね・・。(解析や他のjs、更新がわかりづらくなるので・・)

10年たっても、いまだにフッターのコピーライト年号画像を変更してくれて使い続けてくれているのが、すごく嬉しいですね。

2009 / Web
KENRICKSOUND

lui-design

制作概要 LTV-labの上位版「LTV-lab+」の製品特設ページ。 通販に特化したCRMシステムのLTV-Labから通販にかなり役立つ分析ツー …

制作概要

LTV-labの上位版「LTV-lab+」の製品特設ページ。
通販に特化したCRMシステムのLTV-Labから通販にかなり役立つ分析ツールが追加されました。テーマは「ものづくり」から「価値づくり」。ものがあふれる時代だからこそ、「モノ」の価値を高める、顧客とのつながりを高めることが注目されてきました。お客様からみた自社の「提供価値」を分析ツールを使って再確認するおすすめのCRMシステムです。

ホワイトボードでイラスト

Webデザイナーになりたてのほやほや新人さんと組んで制作をしました。新人育成も兼ねて「つくることの楽しさ」を知ってもらうため、自由にホワイトボードを使ってイラストを描いたり、キーワードを書き出してみたりと作る前からワクワクするようでないと良いものは作れませんし、CRMシステムのことを好きになってもらうことが大切だと考えています。

ltv-lab+

結果、アイキャッチのイラストコラージュは作ったメンバーはもちろん、どことなく楽しさがにじみ出てます(よね?)

ちなみに、イラストの下手な総務の女性が描いた「猫」のイラストも入れてみたりして(笑)。「見る人とサービスをつなぐ」のはデザイナーの仕事です。さらに言えば、チームや社内のメンバーをつないぐ役目というのも忘れてはいけない大切な仕事だと思います。

2015  / Web
株式会社コアフォース(LTV-Lab)

lui-design

制作概要 江戸開府400年を記念して東京都内各所でイベントが多く開催されました。そのイベントのすべてを取りまとめるサイト「江戸開府400東京」とい …

制作概要

江戸開府400年を記念して東京都内各所でイベントが多く開催されました。そのイベントのすべてを取りまとめるサイト「江戸開府400東京」というサイトを開設しました。

時代はオールフラッシュ全盛期ということもあり、コンテンツすべてをXML管理してFlashに読み込ませたインタラクティブサイトの制作となりました。問題はセキュリティの関係上、クライアントの勤務先端末ではFlashコンテンツが一切見れないということでした(Flashで制作依頼されたんですが・・)

今は亡き造形家・芸術家の 村上達人 さんと仕事をしました。

2003 / Web Flas

たのしいコバエちゃん