ポートフォリオ_藤田歩希(ほまれ)

フリーランスWEBデザイナー、藤田歩希(ほまれ)のポートフォリオです

Transcript

1. It would be my greatest pleasure to work with you. お客様目線×デザインで 企業の価値を引き出す 長年の接客経験で培ったコミュニケーション力を活かし、 伝わるデザインでブランドと顧客を繋ぎます。 ⁩ ジュエリー業界 出身デザイナー 接客営業 15年 マネジメント 10年 EC業界で培った マーケスキル Portfolio by Aki Fujita
2. Add your Screen Here Add your Screen Here UI Design Site Design LP Design Add your Screen Here Add your Screen Here Banner Design 2 Profile ⁩私について p.3 Works 実績 p.11 Skills スキル p.48 Flow ご依頼の流れ p.51 Contents 目次
3. 3 Profile ⁩私について p.3 Works 実績 p.11 Skills スキル p.48 Flow ご依頼の流れ p.51 Profile
4. Profile 藤田 歩希 AKI FUJITA Web/UIデザイナー兼コーダー 学生時代からやりたかったクリエイティブ職を目指し、在職 中に専門学校を卒業し異業界へ転職。ECサイト部門のインハ ウスWEBデザイナーとして経験を積み独立しました。 人とのご縁とコミュニケーションを大切に、人の心に残る丁 寧なお仕事をさせていただくことを心がけています。 4 Tools グラフィックやロゴ、教本テキスト、 ディプロマ制作などに使用します WEBデザインや、ワイヤーフレーム作成 (AdobeXdより移行中です) 画像生成や市場調査の仮説立てなどに 使用します 主に画像加工に使用します 補正、レタッチ、AIを使った合成加工など コーディングにて使用します 言語：HTML,CSS,Javascript Career 株式会社ティーガイア 携帯ショップにて店舗責任者10年、応対コンテスト東海1位全国2位 2006 - 2022 株式会社ジェムキャッスルゆきざき ECサイト部門のWEBデザイン担当、自社EC管理とデザインを経験 2022 - 2024 フリーランスとして活動開始 2024 - 現在 2021 - 2022 デジタルハリウッド専門学校 WEBデザインコース 2024 - 現在 デイトラWEBデザインコース Likes 読書 ミュージアム巡り 美術館や博物館展示、日本刀や伝統工芸などが好きです 展示やイベントで国内遠征しています。非日常感が最高です 最 近行けていませ んが、ニコンで ポートレートを 撮ります 自 己啓発が 多めです。 多い時 は月に10 冊ほど 読みます 旅行 カメラ 撮影
5. Profile 5 IT・通信 通信業界にて、15年以 上にわたり接客営業を 経験したため、知見が あります 宝飾・時計 前職はジュエリー業界 のインハウスデザイ ナーだったため、高級 ブランドについての知 識が豊富です 自己啓発 自己啓発書を読むのが 趣味で、年間100冊以上 読書します。過去に多 数の研修やセミナーも 受講してきました 整体・美容 美容整体の法人様より 長期間にわたり業務委 託を受けており、業界 について学んでいます 日本文化 書道を15年習ってお り、日本文化に興味が 強いです。某和尚様の Youtubeクリエイターに 所属しています 得意な業界・分野
6. Profile 6 WEB系に明るくなく、何を聞けばいいのかわからない… そもそも何から改善するべきなのかわからない… 忙しすぎてデザインまで手が回らない… デザイナーとのやり取りが疲れる… 外注する際に、こんなお悩みはありませんか？
7. Profile 接客営業15年以上、内10年は店舗責任者としての経験と、大手通信 キャリア主催の応対コンテスト優勝の実績があり、円滑なコミュニ ケーションとマネジメントが可能です 前職はジュエリー業界のインハウスデザイナーとして、ハイブランドの デザイン分析や、価値を伝えるデザイン制作をしてきました ECサイト管理業務全般を担当した経験があり、大手コンサル会社との 自社ブランドのリブランディングやSEO対策にも参加し、現場でマーケ ティングを学びました 7 私は丁寧なヒアリングで課題を見つけ、解決に導くデザインをご提供します 接客営業15年 ⁩ 応対コンテスト優勝 宝飾業界 ECで培った マーケスキル Jewelry Management Marketing
8. Profile 理想をカタチにする丁寧なヒアリングと提案力 8 通信業界にて10年間、店舗責任者として運営・人材育成・チー ムマネジメントを経験し、接客応対コンテスト全国2位を獲得。 的確なヒアリングと問題解決力に定評があります。初回のお打 ち合わせ前に事前ヒアリングシートを共有し課題を把握。制作 開始後は進捗管理ツールで進捗を見える化し、スケジュール管 理を徹底。ビジネス視点を持ち、成果につながるデザインでク ライアントの事業成長に貢献します。 Hearing 接客とマネジメント経験を活かした 課題解決力 ヒアリングシート・スケジュール管理 ヒアリングシート・スケジュール管理 01 Point 応対コンテスト東海1位、全国2位
9. Profile 9 高級感と洗練デザインでブランドの魅力を最大化 前職はジュエリー業界にて高級ジュエリーやブランド腕時計を 扱うECサイト部門に所属し、ラグジュアリー分野での実績とブ ランディングを経験しました。自社オリジナルブランドや工房 サイトのリニューアル、特集LPのデザインを多数手掛け、ブラ ンドの魅力を引き出すデザインを制作。高級感と洗練されたス タイルを軸に、ブランド価値を高めるデザイン提案ができる点 が強みです。 Design ブランドの魅力を引き出す デザイン提案力 02 Point ラグジュアリー画像（AdobeFireflyにてAI生成） 各ECサイト管理業務を経験 Yahoo shopping Rakuten Amazon
10. Profile 10 売れる仕組みを取り入れたマーケティング視点のデザイン ⁩ 目に留まるように FVで引き付ける(視認) 「買っても大丈夫」と 思わせる情報設計(検討) 情報の優先順を整理 して伝える(関心) スムーズに購入できる UIデザイン(行動) デザインだけでなく、運用・マーケティング視点を持つため、 在職中にGoogleアナリティクス認定資格を取得し、データを活 用したデザインの改善に挑戦。EC運営やSEO対策、リブランド の現場を経験し、実践的な知識を習得しました。さらに現在は デザイン会社CEOのもとでスキルを磨き、洗練されたラグジュ アリーデザインに特化。ブランドの価値を高める提案と、成果 につながるデザインを目指しています。 マーケティング視点で 成果を生むデザイン 03 Point Step 3 Step 4 Step 2 Step 1 売れるデザインの 仕組み Before… After Llimited !! Buy
11. Profile ⁩私について p.3 Works 実績 p.11 Skills スキル p.48 Flow ご依頼の流れ p.51 Works 11
12. Add your Screen Here Add your Screen Here Works 御朱印を撮影登録・管理できるアプリケーションのUIUXデザインを作成しました。 競合優位性を踏まえたコンセプト策定、情報設計から、アクセシビリティが向上する ような同線設計とUIデザインまでを作成いたしました。 UI Design 御朱印登録・管理サービス アプリケーション 12 制作 担当範囲 自主制作 UI設計、デザイン ツール Figma、各種検索AI 期間 1週間
13. Works UI Design 13 Add your Screen Here Add your Screen Here Add your Screen Here A Add your Screen Here ere
14. Works 御朱印帳アプリは、ユーザーが神社やお寺で受けた御朱印をデジタルで管理・ 記録するためのツール 実際の御朱印帳の要素を取り入れつつ、スマートフォンの機能を活用して使い やすさを追求する 概要 御朱印のデジタル記録と管理の効率化 01 02 寺社巡りの思い出を簡単に振り返る機能の提供 03 日本の伝統文化とデジタル技術の融合 目的 ホトカミ https://hotokami.jp/ ホトカミ https://hotokami.jp/ 御朱印帳 https://www.recstu.co.jp/ 御朱印帳 https://www.recstu.co.jp/ ターゲット 御朱印集めを趣味とする人々 寺社巡りや旅行が好きな人々 旅行や日本文化に興味のある20〜30代 デジタルツールを活用したい中年層 UI Design 参考アプリケーション一例 14
15. Works UI Design 15 15 課題と解決方法 課題 解決方法 Problem Solution ・編集がわかりにくい ・日付変更に制限がある ⁩ 複雑な データ管理 01 ・和暦表示したい ・UIが直観的でない ユーザビリ ティ問題 02 ・伝統文化の反映 ・和の要素 文化的要素 の充実 03 ・機能が記録のみ ・体験の魅力不足 ユーザー 体験の充実 04 ・若年層向けの機能不足 ・世代間ギャップ 若年層の 取り込み 05 ・デジタルとの連携不足 ・体験の分断 デジタルと の融合 06 ・カレンダー形式選択 ・簡単なインターフェース データ管理 改善 01 ・和暦、西暦の選択 ・直観的な操作性の実現 ユーザビリ ティ向上 02 ・和の要素 を反映 ・文化的 コン テン ツ追加 文化的要素 の 強化 03 ・ コミュニティ機能 や共有 口コミの実 装 ユーザー 体験の向上 04 ・ SNS連携 強化 ・ トレン ド要素の 取入れ 若年層 への アプロー チ 05 ・デジタル記録 シス テム デジタルと リアルの融合 06
16. Works UI Design 機能要件 タスク ログイン（アプリ起動） 御朱印を登録する 御朱印一覧を見る 寺社検索 寺社情報を確認する 口コミを見る、書く 1. メイン機能 ・御朱印画像の登録と管理 ・ 参拝記録の登録(日付、寺社名) ・自分の御朱印一覧の閲覧 1. 御朱印の登録機能 ・ 画像アップロード ・日付、寺社名、メモの入力 ・撮影からの自動または手動入力 2. 寺社情報 ・寺社名、所在地、御祭神・御本尊 ・地図表示機能 2. 御朱印一覧の閲覧機能 ・リスト表示とグリッド表示切替 ・日付順などソート機能 3. 検索・フィルター機能 ・地域別検索 ・キーワード検索 3. 寺社情報の 表示機能 ・ 基本情報の表示 ・地図表示と 経路案内機能 4. ユー ザー 管理 ・プロ フィー ル設定 ・参拝 目標の 設定 4. 検索機能 ・キーワード検索 ・地域別、寺社別の 絞り込み検索 5. 統計・ 分析 ・参拝口コミの 統計 ・御朱印コ レクション 数の 推移 5. 統計・ 分析機 能 ・参拝口コミ 数や御朱印 収集数の 　 集計 6. その 他の機能 ・寺社検 索 ・口コミ機能 6. ユー ザー 設定機能 ・プロ フィー ル設定 ・ 通知設定 情報設計 16 UIデザイン構築プロセス
17. Works 17 タスクに必要な「撮影・登録」「マップ検索」「画像一覧表示」などを大手アプリケー ションより参考にしました。 参考アプリケーション Eight(名刺登録画面) https://8card.net/ Eight(名刺登録画面) https://8card.net/ トリップアドバイザー(各種メニュー画面) https://www.tripadvisor.jp/ トリップアドバイザー(各種メニュー画面) https://www.tripadvisor.jp/ 参考アプリケーション一例 UI Design
18. Works UI Design ペルソナ設定 18 AdobeFireflyにてAI生成 名前：佐藤 美咲（さとう みさき） 年齢：28歳 職業：IT企業の営業職 使用端末：iPhone 14 Pro 属性 ・2年前から御朱印集めを始めた週末御朱印女子 ・写真好きで、訪れた神社仏閣をInstagramに投稿するのが日課 ・効率重視派で、スマートフォンを駆使して行動を最適化 ・InstagramやTwitterで「#御朱印」などのハッシュタグを検索 ・御朱印専門のアプリや口コミサイトをチェック 特徴 ・平日：通勤電車でスマホを使って週末の御朱印巡りを計画 ・週末：1日で2〜3箇所の神社仏閣を巡る ・御朱印をもらったら即座にスマホで撮影し、その場でSNSにアップ 行動パターン ・集めた御朱印を デジタ ルで 一覧表示した い ・神社仏閣の 基本情報（御朱印の 値段、 受付時間など）をす ぐ確認した い ・ 紙の御朱印 帳だと 管理が 面倒で、ど こに 何の御朱印が あるか 分かりに くい ・神社仏閣の 情報が 散ら ばって いて、 調べるのに 時間がかかる ・ 友達と御朱印 情報を 共有する 手段がな い ニー ズ・ペ イン
19. Works UI Design 参拝したことをSNS投稿 次の参拝先をSNS検索 御朱印帳アプリ認知 アプリで御朱印登録 評価・共有 反応してくれるかな？ 何だろう？ へぇ知らなかった えっ便利！ これいいかも！ 先日参拝した神社、御朱印、 ご当地名物の写真をSNSに投稿 次の行き先を調べようと御朱印で 検索した際に、御朱印帳アプリ使 用者の投稿を発見。 アプリストアから御朱印帳アプリ を検索し存在を知った 御朱印を撮影し画像から登録 SNS投稿。友人に口コミで共有 ・御朱印 めぐりで 他県まで 遠征し たこと、ご当地名物も 楽し んだこ とを 記録に 残した い ・ 歴史や日 本文化に 興味があり、 もっと 同世代にも 広がれ ば楽しい のに な ・御朱印 仲間の フォロワーに 情報 共有したい ・御朱印 自体がア ナログなものだ けど、アプリ があるならス マート に 管理でき そう ・友 達に見 せる 時に 紹介し やすく ていい な ・ フォロワー同士で 交流した り、 ほかの ユーザーの御朱印も見れる んだ 。 ・見たこと が無い御朱印 が見 つけ られて 楽しいかも ・御朱印を写真で撮れ ばすぐ登録 できて便利 そう ・写真で 一覧を見 返した り、参拝 日 時が一目で わかるの は良いな。 自分だ けの 旅の 記録 ができる し ・次の行き先も、御朱印 や口コミ から 決められたら便利かも 。 ・参拝者 数やランキングまで見れ る んだ。行き先 選定の 失敗が減り そう 。 ・御朱印の写真から登録 情報が自 動生成される。 入力の 手間が省け て便 利 ・写真のトリミ ングや色味調 整も できるから 気軽に登録でき る ・御朱印を登録 するときに参拝 記 録も登録できる。御朱印 がない 寺 院でも参拝 記録 ができていい な ・ 記録 ができたら友 達にも見 せた いな ・ 自分だ けの御朱印参拝 記録 がい つでも見 返せる ・御朱印の 話を 対面でしている 時 に、御朱印を みせな がら 話が出来 る ・アプリ ユーザーはみんな 同じ趣 味の 同士だから 仲間が増えた 気が して 嬉し い ・次行く 寺社も御朱印 や口コミ、 ランキングから 探せるし、 最新情 報がユーザーによって 更新される から行き先に 失敗しない 行 動 シーン 思考 感情 カスタマージャーニーマップ 19
20. Works シンプルかつ神仏の印象を与えるために、白を基調とし、アクセントカラーに朱色と 金色を採用 Noto Sans JPは、読みやすさと美しさを兼ね備えた、日本の 伝統文化に寄り添う現代的なデザインフォント 多様なウェイトと高い可読性により、ユーザーに快適な閲覧 体験を提供 カラースキーム フォント Noto Sans JP 白色には無垢な印象があり、清潔、神聖などの意味がある #FFFFFF Main Color 神社の鳥居に多く使用されている朱色をベースに、視認性を 考慮し調整 #FF4500 Accent Color 金色には高貴さや神聖さの象徴としての一面があることや、 お寺の装飾を連想させるため、視認性を考慮し調整 #AA996C Accent Color 20 Add your Screen Here Add your Screen Here UI Design
21. Works ベンチマークを参考にフラットな印象になる よう白を基調にデザイン 御朱印を登録することが1番の目的 →ホーム画面からすぐに登録できる導線作り ユーザーの顕在ニーズである寺社検索に対応 →上部に検索を設置、1タップで検索可能 存在を知らない寺社も調べることができる、 特集や他ユーザーの新着情報、話題の御朱印 欄を設置 →写真を掲載し視覚的にアプローチ 登録方法は撮影(自動入力ON/OFF設定可)、 手動、検索して登録が選択可能 御朱印登録するボタンをスイートスポットの 右下に大きく設置 配色をシンプルに設定 白を基調とし、アクセントカラーは鳥居を連 想する朱色を採用 新着 更新、話題の御朱印欄は 横スライ ダーを 採用 デザインポイント 改善ポイント 21 UI Des ign Add your Screen Here Add your Screen Here
22. Works ホーム画面 撮影読み取り自動入力 （オレンジ背景部分） カメラ撮影から登録 御朱印一覧 22 UI Design 撮影登録画面推移
23. Works 株式会社AYAKO・ボン・ソウルアカデミー様のスキルアップ講座申込用LPを制作させ ていただきました。 LP Design 制作 担当範囲 ツール 期間 株式会社AYAKOボン・ソウルアカデミー様 デザイン、ライティング、実装 Figma、Photoshop、Vsc、各種検索AI デザイン1ヶ月 セラピスト向け スキルアップ講座受講訴求 23
25. Works LP Design AYAKO HOLISTIC ACADEMY https://ayakoholisticacademy.com/ AYAKO HOLISTIC ACADEMY https://ayakoholisticacademy.com/ AYAKO HOLISTIC BEAUTY https://ayako.co.jp/ AYAKO HOLISTIC BEAUTY https://ayako.co.jp/ 公式HPとアカデミーHP 25 岐阜、神戸、大阪、札幌にサロンを構えるオーナー様より、スキルアップ講座 申込用LPのご依頼。 昨年立ち上げた整体師向けのアカデミー内で受講できる講座の認知拡大と、受 講申し込み増加が目的 概要 目的 01 02 03 講座の受講申し込み数の増加 アカデミーおよび講座の認知度拡大 ターゲット層への価値提案の明確化 ターゲット スキルアップしたいが迷っている整体師 独立したものの、稼げていない整体師 新しい手法を必要 としている整体師 現役の女性整体師やセラピス ト、 トレーナー
26. Works LP Design 26 課題と解決方法 Problem 課題 ・存在が知られていない ・情報発信が不十分 講座の 認知度不足 01 ・講座の価値や特徴が伝わ 　らず申込みに至らない 受講生の 獲得難 02 ・整体師が求めるスキル、 　技術が伝えられていない ニーズへの 対応 03 ・マーケティングや経営戦 　略を学ぶ機会が少ない 独立後の サポート 04 Solution 解決方法 ・WEB上での広告掲載 ・見てわかる講座内容紹介 講座の認知 向上 01 ・価値やメリットを強調 ・CTAボタン最適化 受講生獲得 促進 02 ・習得可能スキル、具体的 　なカリキュラム掲載 ニーズ対応 可能視覚化 03 ・ 差別化 方法や経営 戦略 の 　 サポートの存在を 明記 サポートの 明示 04
27. Works 27 LP Design 整体、セラピスト、施術を行う他社様を多数リサーチ。専門学校やオンライン、対面のスポットなど様々なパターンを調べるとともに、稼げるようになるという点 にも着目し、フランチャイズの独立支援LPも構成の参考にしています。 ベンチマーク調査 ・講座を好印象に見せるわかりやすい写真 ・FV内にCTAボタンの設置 ・わかりやすいタイトルテキスト ・他社との差別化を選ばれる理由コンテンツ 自然療法の国際総合学院IMSI様 https://www.imsi.co.jp/ ・ベネフィットを明確化し、FV内に目立つように設置 ・権威性をFV内に明記 ・目に入りやすい配色を採用したCTAボタン ・申込の不安を解消するためのオーナー様の声や、お悩み解消のコンテンツ 株式会社ダスキン様 www.duskin.co.jp
28. Works 28 LP Design 同業界である整体、セラピスト、施術を行う競合他社様を多数リサーチし、トンマナや商品の見せ方について分析しました。またクライアント様のご要望により、 トンマナはピンク系統の優しい雰囲気と女性らしさを重視し、他業界含む参考サイトをリサーチしました。 競合調査 YOKUNETA 公式オンラインストア様 aidcastore.aidca.jp ・彩度を抑えたピンク～ブルーの安らぎ感のあるグラデーション ・背景はテクスチャのあるベージュ ・ポイントでノイズテクスチャのかかったブルーを配置 ・テキストの背景カラーは半透明 ・ナチ ュラル な印象のトンマ ナ ・ 高級感を 演出する アクセントカラー (彩度 低めのピンク、 ゴール ド) ・テキストは 游明 朝で エレガント な雰囲気 ・ 写真は 暖色寄りで、サイトの 雰囲気にマ ッチしている A BCセラ ピストス クール様 a bc -t herapist -sc hoo l.jp
29. Works 参考にした具体的箇所 画像掲載 29 女性らしい優しい印象を与えるために、パステルピンクを基調とし、アクセントカ ラーにダスティブルーとマゼンタを採用 Noto Serif JPは、伝統的な明朝体をベースにした読みやすさ と品位を兼ね備えたフォントです。収録文字数が多いため、 専門用語や漢字の表示も問題なく、プロフェッショナルで信 頼感のあるLPデザインが実現できます。 カラースキーム フォント Noto Serif JP ピンクには優しさや清潔感、リラックス感など印象があり、 人間関係を良好にする意味がある #FFEAEF Main Color 落ち着いた印象や洗練された雰囲気を与える色 使用時はテキストを白太字にし視認性を確保 #8DB4DB Accent Color CTAボタンや最も注目してほしい部分にアクセントとして設定 視覚的に目立たせたい部分に効果的な色 #D04461 Accent Color LP Design
30. Works Works FVのキャッチコピーでターゲットを明確化 権威性を表記し興味をもってもらう 人物写真で目を引き、お悩み内容をシェイプに して飽きない工夫 目に留まる反転を使用し、月桂樹のイラストで スキルが高まっていく雰囲気を表現 文章内の書籍を写真で配置しイメージがしやす くなる 人物の経歴を視覚化するため、写真や権威性を 感じるイラストを採用 31 LP Design
31. Works 以前スクールの課題で作成したポートフォリオサイト(ハンドメイド作品公開用)の改 善案を作成いたしました。 Site Design 制作 担当範囲 ツール 期間 自主制作 デザイン、ライティング Figma、Photoshop、各種検索AI 約1週間 ハンドメイドアクセサリー作家 ポーフォリオサイト 32
32. 33 piece A m em ory-evoking art piece m e n u i t e m a b o u t m e c o n t a c t i t e m s h i z u k u view more 光の端で揺れる、儚くて美しい一滴。 透明なメインパーツとスワロフスキーが、柔らかな光を受けて キラキラと輝きます。耳元で揺れるたび、静かな水面のような 繊細な揺らぎが生まれる、shizukuの耳飾り。 ¥4,500 (税込) 残り5点 m i n a m o 水面から立ち昇 る、夢 のよ 透明な気泡 が、陽 光を ゴ ールド パーツ minamo あの日のキラキラした思い出を形にしたKirariは、 身に着けるたびに心の中の輝きがよみがえり、 「きれいだな」と感じる自分を再発見する瞬間が訪れます。 それはあなたが大切にしている記憶や感性、心象風景が アクセサリーを通じて表現されるから。 飾らない美しさがもたらす透明感と、見る人の心を引きつける輝きで あなた自身もアートの一部に。 表現することが好きなあなたに、 そっと寄り添う特別な存在を届けます。 ピース。 m emory-evokingart piec e king a m a t s u b u view more 雨上がりの静寂に、光が零れる。 amatsubuは、薄紫の雨粒が静かに揺れる、繊細な耳飾り。
 しずくのようなガラスパーツと、柔らかな光を映し出す パールが、静かに寄り添います。 ¥4,500 (税込) 残り5点 a b o u t m e h o m a r e 奥底 に眠 る情景 を形 にするハ ンド メイド作家 。 の日常 の思 い出や 、はじめ て見 て心 に残っ た美しいもの 表現 したいと思 い制作 している。 はコ ーヒ ーと読書 。 k ry-ev o kingar t piec A memory-evoking art piece A m em ory-evoking art m e n u i t e m a b o u t m e c o 忘れたくない、あの日のキラキラした思い出を形にしたKirariは、 身に着けるたびに心の中の輝きがよみがえり、 「きれいだな」と感じる自分を再発見する瞬間が訪れます。 それはあなたが大切にしている記憶や感性、心象風景が アクセサリーを通じて表現されるから。 飾らない美しさがもたらす透明感と、見る人の心を引きつける輝きで あなた自身もアートの一部に。 表現することが好きなあなたに、 そっと寄り添う特別な存在を届けます。 あの日の 記憶 を、 心にそっと灯らせる アートピース。 sc ro lldow nscro lld ownscro lldown 心の中に眠る美しい記憶を そっと呼び起こす ハンドメイドアクセサリー K i r a r i 初夏限定コレクション 数量限定販売 ＼ 公式Line追加でクーポン配布中! ／ 今すぐクーポンを受け取る 今すぐクーポンを受け取る A m emory-evokingart piec e A mem o ry-evoking a m a t s u b u view more 雨上がりの静寂に、光が零れる。 amatsubuは、薄紫の雨粒が静かに揺れる、繊細な耳飾り。
 しずくのようなガラスパーツと、柔らかな光を映し出す パールが、静かに寄り添います。 ¥4,500 (税込) 残り5点 a b o u t m e h o m a r e 心 の奥底 に眠 る情景 を形 にするハ ンド メイド作家 。 幼 い頃 の日常 の思 い出や 、はじめ て見 て心 に残っ た美しいもの すべ てを表現 したいと思 い制作 している。 好 きなも のはコ ーヒ ーと読書 。 E m a i l f o r m I n s t a g r a m F a c e b o o k c o n t a c t K i r a r i t o p m e n u i t e m m e c o n t a c t ©2024 Homare create. All rights reserved.
33. Works 34 Site Design サイトと商品一例 3年前に専門学校の自主制作でしたままのハンドメイドアクセサリー公開用ポート フォリオの改善。作品数が少なく、ただ1枚ずつ商品写真を並べるのみになってい るため寂しい印象。ハンドメイドアクセサリーならではの世界観の表現や、販売 に繋がる要素を取り入れたい 概要 以前制作したポートフォリオサイト 以前制作したポートフォリオサイト 商品のハンドメイドアクセサリー 商品のハンドメイドアクセサリー 商品のハンドメイドアクセサリー 商品のハンドメイドアクセサリー 目的 ブランドの世界観とアイデンティティの確立 01 02 03 商品の魅力の効果的な訴求 購買意欲の喚起と販売促進 ターゲット 作家の世界観に共感してくれる人々 ハンドメイドアクセサリーファンの人々 作家自身のファンの人々、リピーター アクセサリーに 興味が ある1 0代～40代女性
34. Works 35 参考サイト APARTRY [アパートリー]様 apartry-jwl.com Aquall（アクオル）公式サイト様 aquall.jp ・FVをはじめ、写真が大きく印象的 ・彩度低め、コントラストやや高めの写真 ・フォントはTimes New Romanで上品な雰囲気 ・余白は広くとりブランド、高級感を演出 ・透明化と清潔感が融合した背景とテクスチャ ・成分表も世界観に合わせ球体に入れて泡のようになっている ・背景の一部にシェイプが使われており、液体のイメージに繋がっている ・フォントはメインがZen Kaku Gothic、カーニングと余白は広め ブランドイメージの表現、ジュエリー販売のECサイト、個人のポートフォリオなどを中心にリサーチ。ブランド世界観の演出や商品の魅力的な見せ方、販売促進 につながる導線や工夫などを含め分析しました。 Site Des ign
35. Works サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキ ストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル テキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサン プルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキ ストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル テキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサン プルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト PF Design カラースキーム フォント サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキ ストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル テキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサン プルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト 制作方針 Works キラキラした水面、透明感、思い出、心の奥底などのキーワードから、全体的に優し い印象になるパステルカラーで配色 柔らかな筆の運びが特徴的な明朝体フォント。なめらかで上 品な曲線、エッジの丸み、そして縦書き・横書き両方に適し た美しさが魅力。エレガントでレトロなデザインに適してお り、ブランドイメージに近いため採用。 カラースキーム フォント Shippori Mincho 透明感を表す水色。グラデーションなどで更に優しい印象を 演出 #E7F6FE Main Color 夕暮れ時から夜になる静かな時間帯、海の中のイメージから 選定 #438ECB Accent Color 全体が 青系統のため、 目に 入りす ぎない 同一トーンで 設定。 コンテン ツ毎の 区切りなどに 使用 # D9D9D9 Accent Color 36 Si te Design
36. Before Works Site Design 37 After ory-evoking art p m em o r y-evo king art piece A m m e n u i t e m a b o u t m e c o n t a c t i t e m s h i z u k u view more 光の端で揺れる、儚くて美しい一滴。 透明なメインパーツとスワロフスキーが、柔らかな光を受けて キラキラと輝きます。耳元で揺れるたび、静かな水面のような 繊細な揺らぎが生まれる、shizukuの耳飾り。 ¥4,500(税込) 残り5点 忘れたくない、あの日のキラキラした思い出を形にしたKirariは、 身に着けるたびに心の中の輝きがよみがえり、 「きれいだな」と感じる自分を再発見する瞬間が訪れます。 それはあなたが大切にしている記憶や感性、心象風景が アクセサリーを通じて表現されるから。 飾らない美しさがもたらす透明感と、見る人の心を引きつける輝きで あなた自身もアートの一部に。 表現することが好きなあなたに、 そっと寄り添う特別な存在を届けます。 あの日の 記憶 を、 心にそっと灯らせる アートピース。 s cro lldowns c ro lldow ns cro lld own 心の中に眠る美しい記憶を そっと呼び起こす ハンドメイドアクセサリー Ki r a r i 初夏限定コレクション 数量限定販売 ＼ 公式Line追加でクーポン配布中! ／ 今すぐクーポンを受け取る 今すぐクーポンを受け取る in g m e n u i t e m a b o u t m e c o n t a c t i t e m s h i z u k u view more 光の端で揺れる、儚くて美しい一滴。 透明なメインパーツとスワロフスキーが、柔らかな光を受けて キラキラと輝きます。耳元で揺れるたび、静かな水面のような 繊細な揺らぎが生まれる、shizukuの耳飾り。 ¥4,500(税込) 残り5点 a m a t s u b u view more 雨上がりの静寂に、光が零れる。 amatsubuは、薄紫の雨粒が静かに揺れる、繊細な耳飾り。
 しずくのようなガラスパーツと、柔らかな光を映し出す パールが、静かに寄り添います。 ¥4,500(税込) 残り5点 m i n a m o view more 水面から 立ち昇る、 夢のような輝き。 透明な 気泡が、 陽光を 纏って揺れる 様子をスワロフスキー と ゴール ドパーツで 表現しました。
 mi nam oは、静寂と 躍動が出 会う、儚くて美しい耳飾り。 ¥4,500(税込) 残り5点 忘れたくない、あの日のキラキラした思い出を形にしたKirariは、 身に着けるたびに心の中の輝きがよみがえり、 「きれいだな」と感じる自分を再発見する瞬間が訪れます。 それはあなたが大切にしている記憶や感性、心象風景が アクセサリーを通じて表現されるから。 飾らない美しさがもたらす透明感と、見る人の心を引きつける輝きで あなた自身もアートの一部に。 表現することが好きなあなたに、 そっと寄り添う特別な存在を届けます。 A mem o ry -evo memory-evo k in g a m a t s u b u view more 雨上がりの静寂に、光が零れる。 amatsubuは、薄紫の雨粒が静かに揺れる、繊細な耳飾り。
 しずくのようなガラスパーツと、柔らかな光を映し出す パールが、静かに寄り添います。 ¥4,500(税込) 残り5点 m i n a m o view more 水面から 立ち昇る、 夢のような輝き。 透明な 気泡が、 陽光を 纏って揺れる 様子をスワロフスキー と ゴール ドパーツで 表現しました。
 mi nam oは、静寂と 躍動が出 会う、儚くて美しい耳飾り。 ¥4,500(税込) 残り5点 a b o u t m e h o m a r e 心の 奥底に 眠る 情景を 形にする ハン ドメイ ド作家。 幼い 頃の 日常の 思い出 や、は じめて 見て 心に残 った美しい もの す べてを 表現したいと 思い 制作している。 好きな ものは コー ヒーと 読書。 E m a i l f o r m I n s t a g r a m F a c e b o o k c o n t a c t K i r a r i t o p m e n u i t e m m e c o n t a c t ©2024 Homa re creat e. All ri ghts res erved.
37. Works 38 限定商品であることを記載し、 特別感からCV率UPを目指す ブランド名とキャッチコピーを余白 広めにし、目に入りやすくする 取扱商品がFVでわかるようイメージを 大きく設置 曲線シェイプで水、液体の様な印象に 優しさや想い出、心の中の記憶を表現 クーポンでお値打ち感を演出し、 CV率UPを目指す Site Design
38. Works ブランドコンセプトは目に留まるように反転し て強調 商品数が限られていてもイメージが伝わるよう 背景画像としても写真を使用 目線誘導のため、背景のシェイプを曲線にして 次のコンテンツへ繋げる 心の扉を開けるイメージを持たせる、ドア型の リンクボタン マーケティングの観点から在庫残数を掲載 アクセサリーの着用イメージが湧くようにモデ ル画像を掲載 39 ory-evoking art p m em o r y-evo king art piece A m 忘れたくない、あの日のキラキラした思い出を形にしたKirariは、 身に着けるたびに心の中の輝きがよみがえり、 「きれいだな」と感じる自分を再発見する瞬間が訪れます。 それはあなたが大切にしている記憶や感性、心象風景が アクセサリーを通じて表現されるから。 飾らない美しさがもたらす透明感と、見る人の心を引きつける輝きで あなた自身もアートの一部に。 表現することが好きなあなたに、 そっと寄り添う特別な存在を届けます。 あの日の 記憶 を、 心にそっと灯らせる アートピース。 scro lldownsc ro lldow nscr o lld own 心の中に眠る美しい記憶を そっと呼び起こす ハンドメイドアクセサリー Ki r a r i 初夏限定コレクション 数量限定販売 ＼ 公式Line追加でクーポン配布中! ／ 今すぐクーポンを受け取る 今すぐクーポンを受け取る m e n u i t e m a b o u t m e c o n t a c t i t e m s h i z u k u view more 光の端で揺れる、儚くて美しい一滴。 透明なメインパーツとスワロフスキーが、柔らかな光を受けて キラキラと輝きます。耳元で揺れるたび、静かな水面のような 繊細な揺らぎが生まれる、shizukuの耳飾り。 ¥4,500(税込) 残り5点 m i n a m o view more 水面から立ち昇る、夢のような輝き。 透明な気泡が、陽光を纏って揺れる様子をスワロフスキーと ゴールドパーツで表現しました。
 minamoは、静寂と躍動が出会う、儚くて美しい耳飾り。 ¥4,500(税込) 残り5点 Site Des ign
39. Works Meta広告に掲載されていた実際のバナーの改善案を制作いたしました Banner Design 制作 担当範囲 ツール 期間 自主制作 デザイン Figma、Photoshop 約3日間 高級ブランド時計販売店 買取バナー 40 Add your Screen Here Add your Screen Here
40. Works JACKROAD様 https://www.jackroad.co.jp/shop/pages/j_rolex_kaitori.aspx 買取本舗 七福神様 https://kikinzokukaitori.jp/watch/ 買取本舗 七福神様 https://kikinzokukaitori.jp/watch/ 銀座エバンス様 https://evance.co.jp/user_data/kaitori_brandwatch 銀座エバンス様 https://evance.co.jp/user_data/kaitori_brandwatch おたからや様 https://www.otakaraya.jp/brand-tokei/ おたからや様 https://www.otakaraya.jp/brand-tokei/ 高額買取のアピールと競争力の強調 01 02 信頼性と利便性の訴求 03 ブランドイメージの向上と認知度拡大 目的 ターゲット 高級ブランドに興味があるミレニアル世代 ファッションに敏感な20〜40代の男女 すでに資産を築いている高齢者富裕層 高級ブランドに興味がある幅広い年代層 高級ブランド 時計買取店の広 告バナーの改善案を 作成。広 告を 打つ主な 理由は、 競争激化への対応、認知度向上、高 額買取のアピール。買取広 告で は、店舗数や 信頼性、無料査定な どのサービスを 強調し、顧客目線からの便利さを アピールす る ことで 他社との差別化を 図る 。 概要 Banner Des ign 他社参考バナー 一例 41
41. Works Banner Design 42 課題と解決方法 Problem 課題 ・他社との差別化が困難 ・比較による買取価格低下 競争激化へ の対応 01 ・新規顧客の不安払拭 ・安全性の保証 信頼性の 確立 02 ・多様な客層への訴求 ・最適な広告メッセージ 幅広い顧客 層への訴求 03 ・他社との差別化 ・視認性と印象の強化 認知度の 向上 04 Solution 解決方法 ・高額買取実績や事例表示 ・柔軟な査定をアピール 他社優位性 視覚化 01 ・権威性や口コミ評価記載 ・高級感のあるデザイン 信頼性の アピール 02 ・多様なパターンでの作成 ・デジタルマーケティング 顧客層毎の 訴求 03 ・アピールポイント掲載 ・視認性の高い広告 WEB広 告 活用 04
42. Works 43 Banner Design 高級ブランド腕時計買取バナーを中心に多数リサーチ。その結果、大きく分けてラグジュアリー・高級感のあるバナーと、ポップ・親しみやすさのあるバナーで分 類することが可能だとわかった。 ベンチマーク調査 ・明度は低くコントラストが高い ・暗めの背景ゴールドやグラデーションを使用し高級感を演出 ・外国人モデルや大御所タレントの起用で潤沢な資金をアピール ・権威性をアピールするデザイン ・背景色は明るく、アクセントカラー彩度が高く元気な印象 ・書体はゴシック体も使用され、近寄りがたさを軽減している ・ローカルタレントやアイドルを起用し、親近感を持たせる ・商品の掲載数が多く賑やか、どんな状態でも買取してくれそうなイメージ Ｌuxury Ｐ ｏ ｐ
43. After OMEGA高額買取 無料査定はこちら ⁩ 査定手数料 無料 ⁩ 査定手数料 無料 ⁩ ス ピード査定 最短 分 ５ ⁩ ス ピード査定 最短 分 ５ お客様満足度 95.3％ お客様満足度 95.3％ 44 Before A案 ラグジュアリー系 ポップ・目立つ系 B案 無料査定はこちら ⁩ 査定手数料 無料 ⁩ スピード査定 最短 分 ５ 最短 分 ５ お客様満足度 95.3％ 高額 買取 買取強化実施中! OMEGA Works Banner Design オメガであることが一目で わかる大きな素材写真 ※Meta広告より引用 宝石広場様　https://housekihiroba.jp/shop/ 紺+ゴールドのグラデーションで 高級感を演出 大理石の明るい背景で信頼感UP 赤黄黒は人の心理的に目が行く色 安っぽくならない よう 権威性の 部分はリッ チな 印象に
44. 45 ラグジュアリー系 別案① ラグジュアリー系 別案② ポップ・目立つ系 別案 Works Banner Design ⁩ 査定手数料 無料 ⁩ スピード査定 最短 分 ５ 最短 分 ５ お客様満足度 95.3％ 無料査定はこちら 高額 買取 OMEGA 無料査定はこちら ⁩ 査定手数料 無料 ⁩ スピード査定 最短 分 ５ 最短 分 ５ お客様満足度 95.3％ OMEGA高額買取 無料査定はこちら ⁩ 査定手数料 無料 ⁩ スピード査定 最短 分 ５ ⁩ スピード査定 最短 分 ５ お客様満足度 95.3％ お客様満足度 95.3％ 高額買取 OMEGA高額買取 OMEGA 状態問わずご相談ください 他パターン
45. Profile ⁩私について p.3 Works 実績 p.11 Skills スキル p.48 Flow ご依頼の流れ p.51 Skills 45
46. Skills その他：Perplexity、Felo、Canva、firefly、Notion、一眼レフカメラ(Nicon) 46 使用可能ツール 使 用 可 能 ツ ー ル Figma ・サイトデザイン ・アプリデザイン Illustrator ・ロゴ、名刺 ・冊子、パンフレット ・ディプロマ Photoshop ・画像加工 ・画像補正 ・合成画像の作成 Visual Studio Code ・HTML ・CSS ・Javascript AIツール ・競合調査 ・画像生成
47. Skills 01 02 03 誠実なビジネスパートナーシップ デザインパートナーとして、お客様のビジネスに向 き合い誠実にお仕事いたします。 意図と根拠に基づくデザイン すべてのデザインに意図と根拠をもって制作いたし ます。意味のないデザイン、必要でないと思う提案 はいたしません。 率直なコミュニケーション お互いに率直な意見を共有し、誤解やすれ違いを減 らすことで、効率的かつスムーズなやり取りを実現 します。 47 お客様とのお約束 お 客 様 との お 約 束
48. Profile ⁩私について p.3 Works 実績 p.11 Skills スキル p.48 Flow ご依頼の流れ p.51 Flow 48
49. Flow お問い合わせ メールフォームまたは公式LINE よりお問い合わせください。 ヒアリング ご要望やプロジェクトの目的、 デザインのイメージについて丁 寧にお話をお伺いします。その 内容を元に、最適なデザインプ ランをおおよそのスケジュール をご提案いたします。 ご提案 お客様の課題やニーズに応じた ご提案をいたします。併せてお 見積りもご提示いたします。 ご契約 提案内容に価値を感じていただ けましたら、正式にご契約させ ていただきます。 ご契約が完了次第プロジェクト をスタートし、制作開始させて いただきます。 Step 3 Step 4 Step 2 Step 1 49 ご契約までの流れ ご契約までの流れ
50. Flow 50 コーポレートサイト/採用サイト/店舗サイト　etc デザイン コーディング TOPページ(デザインのみ) ¥60,000/ページ 下層ページ(デザインのみ) ¥30,000/ページ 各ページ ¥50,000~/ページ デザインとコーディング両方の場合は上記をそれぞれ 合わせた金額となります ホームページ制作 アフターサポートや修正対応は無料でいたします ホームページ用バナー/WEB広告用バナー　etc デザイン その他 ¥5,000~ バナー 3社様限定キャンペーン ¥200,000/ページ 各ページ ¥50,000~/ページ コーポレートLP/採用LP/集客用LP　etc デザイン コーディング デザインとコーディング両方の場合は上記をそれぞれ 合わせた金額となります LP(ランディングページ) ¥160,000/ページ 料金設定 料金設定 料金 表に掲載され ていない 内容もご相談無料で お受けいたしますので 、どうぞ お気軽にご相談ください
51. Flow FAQ デザインだけではなくコーディングもしてもらえますか？ はい。ご希望に応じてコーディングも可能です。レスポンシブ対応やアニメーションも対応しておりますので、お見積り時に お気軽にご相談ください。 Q A 素材は用意してもらえますか？ はい。必要に応じて写真素材や、有料となりますがテキストのご用意も可能です。 Q A デザイン納品後のサポートもお願いできますか？ はい。納品後のアフターフォローも可能です。納品後の軽微な修正や、デザイン使用時のご相談もお受けしております。 長期的なパートナーとしてお客様が必要なサポートをご提供いたしますのでご安心ください。 Q A 51 FAQ
52. Flow 52 公式LINE お問い合わせフォーム メールアドレス homarecreate@gmail.com いつでもお気軽にお問い合わせください。 原則12時間以内にお返事させていただきます。 お問い合わせ お問い合わせ
53. It would be my greatest pleasure to work with you. Special Thanks! We look forward to hearing from you. 貴重なお時間をいただき誠にありがとうございます。 お客様の課題解決のためのデザインパートナーとして お役に立つことができましたら、これほど嬉しいことはございません。 ぜひお気軽にお問い合わせいただけますと幸いです。 今後のご縁を心よりお待ち申し上げております。