概要  
公益財団法人 大阪観光局の観光支援事業「Smile Coupon」の立ち上げに伴い、ロゴからWebサイト、LP、販促ツールまで、サービスを一貫してデザインしました。
クーポンを通じた寄付・社会貢献と、国内外の観光客が利用するサービスとして、親しみやすさと国際性を両立したデザインを設計。

Target　国内外の観光客・飲食店利用者
Tone　  親しみやすい・明快・グローバル
Color　 SDGsカラーをベースにしたカラフルな配色
Motif　 スマイル / 寄付 / SDGs

ロゴにはスマイルと寄付を想起させるモチーフとSDGsカラーを取り入れ、サービスの目的がひと目で伝わるシンボルを設計。
ロゴをデザインの軸とし、明快でフラットな色使いと、国籍を問わず直感的に理解しやすいビジュアルへ展開しました。

WebサイトではページごとにSDGsカラーを切り替えることで情報を視覚的に整理。
寄付や加盟店検索など、ユーザーが目的の情報へスムーズに辿り着けるUIを設計しています。

https://smile-coupon.com/
※Webサイトの実装・コーディングを除くデザイン制作を担当
※掲載画像は納品時のデザイン

01 ｜ ロゴを起点にサービスの顔をつくる

Smile Couponというサービス名から連想される「笑顔」と「寄付」をシンボルに取り入れ、SDGsカラーを使ってサービスの理念を直感的に伝えられるロゴを設計。

社会貢献をテーマとしたサービスでありながら、堅くなりすぎず、誰でも気軽に参加できる親しみやすさを感じられるデザインを目指しました。
ロゴで設定したカラーやグラフィックのルールを、Webや印刷物など各種ツールへ展開しています。

02 ｜ 多言語・多用途に対応するWebデザイン

外国人観光客を含む幅広いユーザーが利用するサービスのため、国籍を問わず直感的に内容を理解できる、シンプルで明快なUIを意識しました。
ページごとにSDGsカラーを切り替えることで、情報のカテゴリーを視覚的に整理。サービスの説明から寄付、クーポン利用、加盟店検索まで、ユーザーが目的の情報へ迷わず進める構成にしています。

03 ｜ 複雑な検索条件も使いやすいUIへ

加盟店検索ページでは、フリーワード・エリア・カテゴリ・現在地・スポット・MAPなど複数の検索方法に対応。
条件が多くても操作が複雑になりづらいよう、入力・選択項目の整理やボタン配置、情報の優先順位を設計し、目的の店舗を探しやすい検索UIに仕上げました。

04 ｜ Web〜印刷物まで一貫したデザイン展開

Webサイトだけでなく、LP、ポスター、チラシ、店頭POP、ステッカーなどの販促物へデザインを展開。
店頭で使用する印刷物では、遠くからでも内容が認識できるようなカラーを選定。

Web上のデザインと共通するカラーやグラフィックを用いることで、オンライン・オフラインを問わず、Smile Couponとして統一されたブランドイメージを構築しました。

担当範囲

VI・ロゴデザイン
サービスの親しみやすさと信頼感を両立したシンボルマーク・ロゴタイプの制作
カラー・グラフィックの方向性を設計。

Webサイト・UI/UXデザイン
サービスサイト、LPのデザイン。多言語展開を考慮した情報設計や、加盟店検索・MAP UIなどの画面デザインを担当。

グラフィック・販促印刷物制作
チラシ、店頭POP、ステッカー等、各種販促物のグラフィックデザイン一式

※Webサイトの実装・コーディング、翻訳は担当外
※掲載画像は納品時のデザイン