Portfolio

LE STYLE N’EST danse, C’est une demarche PORTFOLIO Yuka Nakao
UI⁨⁩ • Web Desighner YUKA NAKAO

CHARME E y e l a s h E x
t e n s i o n s S a l o n E y e l a s h E x t e n s i o n s S a l o n 忙しい日常の中でゆったりと時間を過ごしてほしい。ご来店いただいた瞬間よりも魅力的な女性になっていただくお手伝いをします。私たちについて ABOUT TOP トップ NEWS お知らせ INSTAGRAM インスタグラム PRICE 料金 ACCESS アクセス RESERV ATION ご予約 M E S S A G E 想いハンドサインで想いを伝えるあのイーハトーヴォのすきとおった風、でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” あのイーハトーヴォのすきとおった風、でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” 知識日本語・日本手話・フランス語・フランス手話・ドイツ語・ドイツ手話 1 専門性ドイツ・ハンブルク大学（教育学とドイツ手話学）とフランス・トゥールーズ第二大学の学士号を取得 2 活動映画の手話監修、執筆、講演、調査や現地校でのアトリエ実施など 3 ろう通訳者としてコーディネーターとしてあのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” お問い合わせこんな悩みや想いありませんか？ CONCERN 対人関係 RELATIONSHIPS 部下の育成・管理 PEOPLE  MANAGEMENT 社内でのキャリアアップ PROMOTION 転職 CHANGING  JOB 転職 CHANGING  JOB ブレスト・壁打ち相手 BRAIN  STORMING 仕事・家庭・自分の  両立 WORK-LIFE  BALANCE ✓上司から思ったより評価されない ✓社内でのキャリアパスに悩んでいる ✓難しい部下との関わり方に苦戦してる ✓部下から慕われるリーダーになりたい ✓プロジェクトリーダーとして、  人の巻き込み方に苦戦している ✓苦手なタイプの人との働き方に  苦戦中 ✓バリキャリママが育児と両立する  ためにできることを知りたい ✓海外のワーママのように余裕を  持ちたい ✓ポジションが上がると気軽に　相談できる相手がいない ✓仕事について客観的な視点で　ブレストしてみたい ✓転職先での人間関係や他部署との関わり方などが不安 ✓転職したいが、自分の売り出し方法を悩んでいるこんなことに悩んでいませんか？ CONCERNS 想ハンドサインで想いを伝えるあのイーハトーヴォのすきとおった風、でも底に冷たさをもつ青つくしい森で飾られたモリーオ市、郊外のぎらぎらひろう通訳者としてコーディネーターとしてあのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” お問い合わせ UKAMOTO -LESSIRE ナツミエール）ーいいそら、うつくしかる草の波。” あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” あのイーハトーヴォのすきとおった風、でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” 知識日本語・日本手話・フランス語・フランス手話・ドイツ語・ドイツ手話 1 専門性ドイツ・ハンブルク大学（教育学とドイツ手話学）とフランス・トゥールーズ第二大学の学士号を取得 2 活動映画の手話監修、執筆、講演、調査や現地校でのアトリエ実施など 3 活動活動についてあのイーハトーヴォのすきとおった風、でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。” 取得資格資格１資格２資格３あのイーハトーヴォのすきとおった風、でも底に冷たさをもつ青いそら、うつくしいたモリーオ市、郊外のぎらぎらひかる草の波。 ” った風、夏でも底に冷たさをもつ青いそら、うつくし活動実績１お問い合わせ 1990年代自分らしく、楽しく続けられる仕事を女性リーダーを増やしたい外資系企業で20年以上、苦悩しながらキャリアを歩んできた経験者だからこそ分かる大変さ。一緒に寄り添って、頑張る女性の「不安」を「自信」に変えます. 45分無料セッションに申し込む TOP メニュー2 メニュー3 メニュー4 お問い合わせキャリアの転換期サポートセルフブランディングサポートエクゼクティブ向けサポート 45分無料セッションに申し込むこれまでの制作物

CONTENTS CONTENTS 01 PROFILE P.01 02 SERVICE P.07 03 WORKS
P.12 語学学習アプリのUI改善 UI P.13 LPサイトのリニューアル改善 LP P.26 社労士サイトTOP改善 HP P.38 ShopifyサイトTOP改善 EC P.48 バナー制作 BANNER P.56 04 FLOW P.60 05 CONTACT P.63

P ro f i l e 01

学生時代にフランスへ留学しフランス語を習得。  卒業後はアジア系航空会社に入社、旅客シニアマネージャーとして10年勤務。その後北アフリカの在リビア日本大使館にて3年間領事・広報アシスタントして勤務した。残念ながら内紛勃発後情勢悪化で大使館閉館に伴い日本へ帰国。帰国後に出産育児の傍ら、Webデザイン・制作を独学し制作会社とコーダーとして業務委託契約後フリーランスとして活動。その後、外資系企業に就職し、CS/CRとして就業。また、個人事業主としてWeb制作（デザイン&コーディング）を
続ける。中尾　友香Yuka NAKAO フランス語学科卒業後、外資系航空会社の地上職として働き始める。入社2年目に会社の大きな人員整理があり、人が減ったことでシニアマネージャーに抜擢され、旅客出到着業務の監督業務から航空機のバランスコントロールまでを担当。様々なイレギュラーとお客様に揉まれて10年過ごしました。当時「アラブの春」と言われたクーデター後に再開した大使館の領事部で働く機会を得られました。得意の言語と対応力を活かし現地職員や日本人外交官と共に三年弱働きましたが、紛争が始まり情勢が悪くなってしまったことから大使館が閉館となり国外退避となり日本に戻ってきました。日本に戻った後に出産を機に数年は語学講師などしておりましたが、コロナ禍をきっかけにデイトラのWeb制作講座とデザイン講座で独学とメンターの助けを借りながら、一年弱学びました。 2020年後半から地元のWeb制作会社とコーダーの業務委託として2023年1月までLP やコーポレイトサイト・WordPress一部改修業務等携わらせていただきました。コロナ禍がひと段落した後、人と関わる機会が欲しいと考えカスタマーサービス職へ復職。個人事業主としても Webデザインとコーディングを並行して制作作業は続ける。 1年前から日本マーケット向けのDM 担当となりコンテンツを作成しつ月6回から 8回配信。外資系航空会社へ入社外資系へ入社航空会社北アフリカで働く在リビア日本大使館コーダー兼Webデザイナーになる個人でWeb制作企業にてCS及びCR ・外資系として従事年代前半 2000 年代前半 2010 年代前半 2020 年以降 2023 RESUME レジュメプロフィール Profile profile 01 03 02 MY favorite 01 02 03 Jean COCTEAU Coco CHANEL Dali SALVATORE

outline アウトライン JA PA N , N ag o ya
Ja pa n , ko m a k i LY BYA , To r i p o l i 2000 2008 2020 2003 20 1 3 フランスに1年留学大学ではフランス語を専攻しました。必ず外国語１つは身につけたいと決意していたので1年後にはひとまず達成。旅客マネージャー当時４代空港では最年少でシニア旅客マネージャーとなる。出入国チーム長として現場の運行・旅客運送の監督。コーダー&Webデザイナーとして従事 1年の独学（メンター付）を経て、地域のWeb制作会社とコーダーとして業務委託契約。Webデザインは個人事業にて請負う。外資系航空会社へ入社空港地上職でとして就職。地上職員として出到着業務に従事。北アフリカ在リビア  日本大使館で働く 20 1 2 年に退職後、ご縁があり在リビア日本国大使館の領事・広報アシスタントとして働く。 Ja pa n , ko m a k i F r a n c e , Pa r i s STRENGTH 02 04 03 LY BYA , To r i p o l i JA PA N , X(twitter)

Strength 強み 02 顧客の要望をつかむ傾聴力と提案力カスタマーサービス経験で培った傾聴力を活かし、ユーザーのニーズを的確に引き出します。ヒアリング内容をレイアウトやコンテンツに落としこみます。
03 ユーザーのストレスを軽減するデザイン設計顧客体験を重視し課題の発見に努めます。例えばCamblyの新規登録導線では、複数のアンケート画面遷移による離脱リスクを自主的に分析。改善余地を可視化しました。 01 コードを理解する UI設計者の視点コーディングの知識を活かし、構造や挙動を理解した上でUI設計をします。保守性・再利用性を意識した設計により、実装後の運用もスムーズできることを意識します。 STRENGTH 03 05 04

Skills スキルスクラッチかの構築経験らノーコード編集、設定アプリ設定、HTML/CSSで調整ローカル環境に落としLiquid編集 LPやWordPress構築のコーディング HTML/CSS(SCSS)/jQuery
・SNS用バナー、名刺デザイン・市場調査・アイデア出し・コピーライティングの参考・写真加工・写真補正・合成画像作成・SNS用バナーやサイト/LPデザイン・UIデザイン・プロトタイプ制作資料作成 branch等バージョン管理 Git graphな使用どのGUIを 01 02 04 06 08 03 05 07 STRENGTH 04 06 05

concerns concerns 見た目が整っているだけで成果が上がらなかった 01 02 主体的な提案をしてもらえなかった 03 返信が遅く、報連相が少なくスムーズに進まなかった 04 こんなお悩みありませんか？
デザインのクオリティに満足できなかった CONCERNS 05 07 06

Service 02

SERVICE サービスの特徴学術業界の経験から研究参考文献を検索し実証データを元にユーザー行動分析。課題にハマると徹底的に追求。競合他社・ベンチマークを徹底的に洗い出します。 ▪コミュニケーションツールの例 https://doi.org/10.1207/s15327051hci2104_2 「参考文献」 Ziefle & Bay
(2006) の研究リサーチツール競合とベンチマークをデザインを最低5個〜10個集める学術論文の実証を元に人間の行動心理を理解した構造を提案 1.各画面遷移で新しい情報を記憶する必要  2.7±2選択肢の限界を超えると急激な混乱  3.「どこから来たか」「どこにいるか」「どこに行くか」　全てが不明確に小画面デバイスでは、メニューの階層が深くなるほど、ユーザーの見当識失調が指数関数的に増加する。画面遷移数・ボタンの数・選択肢をデザインに反映する必要あり。 AIツールを利用しながら、実際の Webサイト上の口コミやアプリ上の口コミを洗い出して総合的に比較する。徹底したリサーチと分析で成果につながるデザインをご提案 01 SERVICE 07 09 08

SERVICE サービスの特徴顧客の問題解決に向けた傾聴と提案 02 航空会社職員現場サービス及びマネージャーとして10年勤務・賠償交渉・顧客要望対応外資系学術IT企業CS及びCR　 3年勤務
・オンラインミーティング顧客向け提案・日本マーケット向けDMコンテンツ作成職歴について対面でもオンラインでもお客様の状況に応じて、お話を伺います。懸念点やお悩みから、根本的な問題解決へとつなげます。オンラインツールミーティングツール SERVICE 08 10 09

SERVICE サービスの特徴コードを理解するUI設計者の視点 03 ▪コミュニケーションツールの例要素の定義・再利用画面遷移と挙動の参考補足コンポーネント化アンケート体験予約
支払い・予約完了 01 02 03 ホーム講師進捗状況プロフィール Y 学習・heading、textはTemplate化します。・デザインシステムとしてまとめ、実装をしやすい情報を準備します。・ボタンやスライドのエフェクトなど、挙動は codepenを付記します。・アプリUIはプロトタイプを作成して実際の挙動を確認いただきます。・デザインの中の同じ要素はコンポーネント化して実装しやすくします。コードの構造や制約を理解した上でWeb/UIを設計。実装者の手間を減らし、使いやすさと開発効率を両立。 service 0 9 11 10

SERVICE サービスの特徴納期から逆算したプロジェクトの管理 04 納期から逆算し、優先度・リソース・進捗を可視化。迷わず動ける管理力で、顧客からの信頼を得ます。共有ガントチャートヒアリングシート service 10
12 11

03 Works

語学学習アプリの UI/UX改善語学学習アプリ「Cambly」様のUI改善を行いました。参考：「Cambly」公式アプリ(https://www.cambly.com/) 本改善案は、Cambly社の公式見解やアプリとは関係のない、個人の自主制作としての提案です。担当範囲要件定義、情報設計、UIデザイン制作期間 3週間使用ツール
Figma Works 制作実績

UI/UX I/UX

Works リサーチ・要件定義事業内容ユーザーの属性事業の特徴目的世界中のネイティブ講師と英会話 24時間マンツーマンレッスン予約なしで今すぐ講師予約・世界中のネイティブ講師と即時に接続。24時間予約が取れる。
・予約不要でいつでも英会話が可能・レッスンは録画される為、復習にも便利。ターゲット・30/40代のビジネスパーソンが中核層・中級レベルの英語力（TOEIC400-700点）を持つ・仕事で英語を使う必要性がある・ネイティブ講師との実践的な会話を重視・フリートーク中心のレッスンスタイルを好む・初中級から中上級者が中心・海外進学・資格試験（IELTS/ TOEFL）対策を目的とする層も多い・忙しい社会人や学生がすきま時間に学習・フリートーク重視で、カジュアルな英語力向上を求める傾向アプリのユーザー数を獲得し、受講生を増やすこと Works 14 16 15

Works ユーザーの声・改善点オンライン上の口コミ改善点 mitakanohigasi、2020/05/29 英会話の練習には最適、しかも安い、 UIに難あり。・キャンブリーの使いやすさについてとにかく予約がしづらい。毎回、次の予約をするのにカレンダー押しても講師検索にチューターが出て来ず、結局プロフィールか
ら予約している。同じ人と何度も会話しているのでその人が検索の上に出てくるようして欲しい。またチューター一覧からプロフィールに飛べないなどもフラストレーションが溜まる。もっと予約を簡単にできるようになると嬉しいこずっち、2020/08/08 ネイティブ講師がたくさん登録されており、質も高い。 50 代男性、 4年前から大手英会話スクールに通ってます。某大手オンライン英会話を半年前から追加し、毎日25 分の主にフィリピン人講師とのレッスンに加えて、ネイティブ講師との会話を求めて Cam bly始めました。よって週1回30 分のコースを長期割引キャンペーンで利用してかなりリーズナブルでした。良い点・講師がたくさんの中から選べて、かつ質が総じて高い。・ビデオで復習できるのが特筆。・余裕が無くまだ使ってないが、チャットの翻訳機能がある。・教材は種類は少ないがよく考えられている印象。改善して欲しい点・講師の予約がわかりづらい。レッスンの開始方法も、　 PCだとカレンダーから入るのですがわかりづらい。・カリキュラムがスライド形式で全体像が一目でわかりづらい。・レッスンの終わりがよくわかりづらい。・勉強を開始するのボタンを押すと勝手に始まってしまう。まとめ・想定ユーザーは明らかに英会話上級者です。　私もいつの日かレッスンが楽しめるレベルになることを夢見ますが先は長い。・総じてサービスに満足ですが、今後の改善に期待しています！うめけんうめけゆ、20 19/ 10/2 7 初心者向けと言うよりは、中級者以上の方向けです。他のオンライン英会話だと予約が一回しか取れなかったり、先生の質もバラバラ。毎回違う先生で自己紹介は得意になりますが、レッスンはもちろん予約をするのにどの先生にしようか悩み、時間のロスがありました。 cam blyの講師たちの質も高いです。 cam blyの教材だけでなく、先生それぞれオリジナルで提案してくれたりします。ただ、初心者向けと言うよりは、中級者以上の方向けです。・複雑な画面遷移・講師検索の使いにくさ・講師プロフィールが見づらい • レビュー要約表示  • 専門分野・資格の視覚化  • 空き時間の一覧表示口コミと自身のアプリ分析から改善点ピックアップ客観的評価やユーザーニーズを把握する為にリサーチ (App storeから抜粋) BEFORE Works 15 17 16

Works ペルソナ購買決定要因顧客視点の悩みやニーズを理解する為に、ペルソナを設定口コミ・評判が良いキャンペーン・割引競合比較での優位性確認 01 02 03
04 講師の質を直接体験 100円でレッスン体験。ネイティブ講師のプロフィール改善初期アカウント作成と体験予約講師選択のUIを改善キャンペーンを分かりやすく表示ネイティブ講師レッスン予約のとりやすさを改善岩本一朗｜40歳｜IT企業勤務・東京都世田谷区在住・妻と子供1人(3歳) ・大学で英語を学習、社会人になってから独学とオンライン英会話。TOEICは750点・多忙なスケジュールに対応できる学習環境を求める・自然な英語表現を身につけビジネスミーティングで使用したい・少し価格が高めでも品質を重視・TOEIC 850点台を取得したく、ビジネスでの円滑な活用を目指す悩み価値観 Works 1 6 1 8 1 7

Works Worksデザインリサーチ Duolingo Schoo シャドテン・余白多め・視認性が良い・白を基調として色彩は抑えめなレイアウト・質問多いがゲーム感覚で進められる・チャット形式進行・分かりやすい・サインアップ画面の情報がミニマムで◎
・講義一覧の並び方・説明がわかりやすい DMM 英会話レアジョブ・業界No.1であることを随所にアピール・背景はダークで画像は背景白で強調・画像は控えめにテキスト・タブ中心・アイコン等一見でも分かりやすい操作性・ログイン・サインアップが２ステップ・記事やAI学習中心のコンテンツネイティブキャンプ Works 17 19 18

認知・情報収集 Google検索 SNS/YouTube確認タッチポイント公式サイト  競合比較サイト  レビューサイト 100円体験申込  システム操作性操作性 
プラン選択通知  ・週次レポート・継続利用  ・友人紹介  ・レビュー投稿口コミ・評判確認  料金比較行動・料金プラン比較  ・他社との比較検討  ・無料体験検討会員登録  レッスン受講  操作体験プラン決定  講師検索・定期的受講  ・目標設定・調整  ・成果実感・成功体験共有  ・コミュニティ参加続けられる・講師の質？思考・感情決断迷い・価格重視まずは無料で試そうネィティブと話す緊張頑張って継続しよう習慣化できそう知り合いにも勧めたい・知り合いに紹介料金の高さ  ネイティブ講師の不安課題他社との価格差  決断材料不足 100円の壁スムーズな体験申込操作が複雑では？効果を感じるまで日数が必要サービス改善要望  高度な機能のニーズ上級者向け機能  コミュニティ活性化成功事例を見せるネイティブ講師の  メリット訴求機会（施策）他社との差別化初心者向けガイド  講師マッチング精度 3タップで登録完了UI  後から詳細編集可学習目標の細分化  モチベーション管理  成果可視化強化比較・検討体験  トライアル契約・利用開始継続実感ロイヤリティペルソナの視点のカスタマージャーニーマップを作成 Customer Journey Map 18 20 19 Works

Works デザインシステムメインカラーは彩度高め、明度高めのイエローを採用。元気で明るく存在感を保ちつつテキストのブラックでで引き締めていくボタンを含めデザインやカラーはシンプルで落ち着いた印象。全体的にのっぺりとしたイメージなので、背景にグリーン系のグラデーションを入れて変化を出すフォント
フォントカラーカラーコンポーネントコンポーネント Noto Sans JP - Bold Noto Sans JP - SemiBold Noto Sans JP - Medium Noto Sans JP - Regular ホーム講師進捗状況プロフィール Y 学習＃FCE642 ＃050500 今すぐレッスンを予約する次へ Ralph Collet 高評価97％アメリカアクセント 2024から講師登録スポーツマーケティング好きなトピック＃F 7F 1E 9 ＃FF B4 7D ＃E2 D9D2 ＃F BE D96 ＃ ABEC D6 ゴシック体を採用し視認性を高める。日本語の Web上で幅広く採用されている字体で親しみやすいゴシック体を使用。 Works 19 21 20

Works 制作方針初期登録までのの削減遷移数体験予約までをへチャット形式講師予約画面の UI改善
01 02 03 アカウント作成まで画面 6 サインアップ２画面＋認証アンケート　３画面アカウント作成まで画面 2 サインアップ 1画面＋認証アンケート　0画面初期アカウント作成完了 Before after 「100円で体験予約」の  UIや日本語に違和... 体験予約のCTA押下後、　予約アンケートが表示。　 5個ほスクロールして回答　する必要あり初期登録の質問を入れて　チャット形式＋回答肢に　改善 Before after 検索タブに具体性がない講師の自己紹介が英語 active のタブカラーが　少し違和感タブの種類と順番変更検索利便性アップ講師の特徴がすぐ分かる activeのタブを primary color 　へ変更 Before after ユーザ視点で課題と改善点を検討 Works 20 22 21

Works サインアップ・改善点 BEFORE After 2画面から1画面へログイン・サインアップ画面で２画面使っていたので１画面に集約文字のジャンプ率 Headingの文字が大き過ぎて違和感かあった。英語サイト特有の改行位置も
改善した。背景画像配置をやめる背景画像で配置していたが、ネイティブ講師を印象付けたいので背景を変更。画像は講師写真を採用テキストのレイアウト文字の改行位置に違和感…。改行位置やフォントの大きさを改善する必要あり背景画像の変更背景画像を日本マーケットを意識させるような写真にしたい。プロトタイプはこちら Works 21 23 22

Works マイアカウント・改善点 BEFORE After キャンペーンバナーの訴求性具体的に「期日」「何を」「何％割引」を記載して「今だけ感」をアピール背景画像のの変更背景画像をマーケットに合ったペルソナを配置する。親近感を持つことにより
安心感を得られる。フォントの統一セリフ体とサンセリフ体が混在。統一感に欠けるのでサンセリフ体に統一 CTAの位置変更が必要説明がCTAボタンの上にあり、ボタン位置が下方で、キャンペーンと重なっていてわかりにくい説明がCTAボタンの上にあり、ボタン位置が下方で、キャンペーンと重なっていてわかりにくいキャンペーンバナー英和翻訳特有の曖昧さが出ている訴求性を高めるために文章変更 Font weightについて説明箇所の視認性が良くない。 Font-weight をboldに変更プロトタイプはこちら Works 22 24 23

Works 初期アンケート・改善点 BEFORE After アンケート複数画面遷移離脱を防ぐ対策として、まとめてチャット形式へ誘導できるようにする。画面遷移からチャット形式へ初期登録時のアンケートをチャットへ移すことで画面遷移のストレスを軽減
プログレスバーを設置プログレスバーの設置で登録までのステップが可視化。終わりが見えることの安心感画面遷移数の増加は指数関数的に不安・困惑を増大： 3遷移以下: 心理的に安全な範囲 4-5遷移: 不安レベル150-300%増加 6遷移以上: パニック状態、離脱率80%超 https://doi.org/10.1207/s15327051hci2104_2 「参考文献」 Ziefle & Bay (2006) の研究プロトタイプはこちら Works 23 25 24

Works 体験申込ステップ・改善点 BEFORE After 複数の質問で画面遷移が多い個々の質問で画面遷移するので、ユーザーがストレスを感じる。いつまで続くかが不安... 選択肢が多い選択肢が多いとユーザーがストレス
に感じて戸惑う... チャット形式へ変更画面遷移することなくチャット形式で自然に質問に回答しながら予約へ導く該当枠で予約可能な講師表出アンケートや予約時のチャット回答から導かれた講師を表出し選択して１画面で決定へ。その後支払い画面へ移行プロトタイプはこちら Works 25 27 26

Works 体験申込ステップ・改善点 BEFORE After タブから検索しにくい... タブからの検索を需要があるタグにするとユーザーは検索しやすい。お気に入り、履歴からなどを最初に。自己紹介が英語... 自己紹介が英語なので初心者には
分かりにくく抵抗あり。講師を探すのに時間がかかってしまう。履歴やお気に入りから探すお客様の声にもあるように講師予約に手間がかかる。お気に入りや履歴から簡単に探せるようなタグを最初に配置することにより使いやすくする。自己紹介文を日本語に変換自動翻訳技術もが上がっているのでローカル言語で自己紹介があると、初心者でも講師の特徴がわかり選びやすくなる。 Works 25 27 26

コーチング集客LPページのリニューアルコーチング集客LPサイト「MY CORE COACHING」様のLPページ改善を行いました。参考：「MY CORE COACHING」公式HP(https://my-core-coaching.com/) 本改善案は、サイト所有者からの許可を得て実際の提案内容を自主制作として掲載しています。
担当範囲要件定義、情報設計、UIデザイン制作期間 3週間使用ツール Figma Works 制作実績

制作実績ワクワクする人生を取り戻すライフキャリアコーチング毎日に追われるママが、で自分の「好き」を見つけて 3ヶ月 What’s new NEW 2025.10.01
2025.10.01 2025.10.01 復帰と両立セミナー無料セミナー開催のお知らせコラムの更新 What led you to coaching? コーチング受講のきっかけ今すぐ無料相談に申し込む MY CORE COACHING受講 Case No.2 自分の中で立てた課題はすぐに壁にぶつかったりうまくいかなかったりしていました。失敗や上手くいかない事はいくつもありました... A.Yさん　40代自分の中で立てた課題はすぐにうまくいかなかった壁にぶつかったり Raw Your Boat受講今すぐ無料相談に申し込む MESSAGE コーチからののメッセージ自分も家族も大事にしてやりたいことも挑戦したいあなたを応援します自分の子どもには大人になることを  楽しみに思ってほしいな、と思ったときに、  ふと自分自身は楽しんでいる？  という問いが頭に浮かびました。   「自分がどんな仕事をしたら、納得感を持てる？」  と考えた続けた結果、  やりたいことがないという  原体験（コンプレックス）があるからこそ、  同じようなもやもやを抱える人の手助けをしたい  という思いが湧いてきました。その思いが、コーチを始める原点になっています。コーチングを通じてあなたの未来を変えるお手伝いができたら、とても嬉しいです。の想い相談のきっかけサービスお問い合わせ講師についてこれまで「こうできたらな」と思うことや「もやもやするな」と思うことがあっても、特に具体的に手を打たずにやり過ごしてしまうことがほとんどでした。「」と思うことがあっても、やり過ごしてしまっていましたもやもやする Break Through受講 N.Kさん　30代 Case No.1 Case No.3 二人の子育てをしながら、昨年から海外で働いていました。毎日何かに追われている生活を変えたいと思いコーチングを受けました。 S.Mさん　40代海外での子育ての中、毎日と思った何かに追われている生活を変えたい Break Through受講 After 気持ちを言語化し、具体的な目標に落とし込むことに繋げられたことで、行動に移す・移さないの決断自体もひとつひとつ向き合って消化でき、気持ちがスッキリしました。「自分はこんなことを考えてたのか」と毎回驚いた After 目標を立てると最終的に己との闘いになりがちですが、いつも隣で応援してくれるので、孤独感はなくなりテンション高めでゴールまで走りきれます。目に見える変化がありました！ After 早起きが習慣化され、時間の使い方が上手になりました。また、別の人の視点で物事を考えるようになったり、なりたい自分を意識して行動するようになりました。数ヶ月で大きな変化を感じることができました。 FLOW お申し込みフロー今すぐ無料相談に申し込む無料相談お申し込みステップ 3 PROFILE コーチプロフィール横浜生まれ。父の転勤で大阪・京都・横浜と幼稚園から中学校まで 3回転校を経験。早稲田大学法学部卒業後、英会話学校に就職。新卒2年目でマネージャーに就任。その後ドバイで1年間ホテルでの業務を経験。帰国後、外資系イベント会社で企画営業に従事し、国内外企業への営業や、デザイナーや建築家とのプロジェクト運営に携わる。第1子出産を機に、母親である自分が楽しそうな姿が子どもにも一番いいはず！という気づきを得る。心のどこかで「本当にこの仕事がやりたいのか？」という疑問を持っていた自分のようなキャリア迷子を減らしたいと、キャリア教育の財団に転職。ワーキングマザーが自己決定感、納得感のある人生を送るためのライフキャリア支援のコーチングを行なっている。 ICF（国際コーチング連盟）認定プログラム提供スクールにて、共創コーチ®資格取得。 2児（男兄弟）の母。ライフキャリアコーチ玄長愛 AI GENCHO お名前メールアドレス件名必須必須必須 1on1コーチング  （オンライン回）メールフォロー 12 Break Through 6ヶ月サポート成果に向けて動ける自分に 1on1コーチング  （オンライン 6回）メールフォローヶ月サポートまず、変化を実感したい方へ Raw Your Boat 1年サポート自律的に理想を体現し続ける力 1on1コーチング  （オンライン 24回）メールフォローお申し込み・お問い合わせ無料個別相談申し込みから、メールアドレス、ご希望日程等をご送付ください。面談日時の決定・オンライン面談オンラインで60分お時間をいただける日程を調整させていただきます。無料相談・お申し込み 30分程度の無料個別コーチングを体験いただきます。今すぐ無料相談に申し込む CONTACT お申し込み VIEW MORE 例　田中　太郎 in f o @ a b c.co m FLOW お申し込みフロー SERVICE サービス MY CORE COACHING受講すると今すぐ無料相談に申し込む自分の趣味時間の充実今すぐ無料相談に申し込む今すぐ無料相談に申し込む無料相談お申し込みステップ 3 1on1コーチング  （オンライン回）メールフォロー 12 Break Through 人気! 6ヶ月サポート成果に向けて動ける自分に 1on1コーチング  （オンライン 6回）メールフォロー Launch 3ヶ月サポートまず、変化を実感したい方へ Raw Your Boat 1年サポート自律的に理想を体現し続ける力 1on1コーチング  （オンライン 24回）メールフォローお申し込み・お問い合わせ無料個別相談申し込みから、メールアドレス、ご希望日程等をご送付ください。面談日時の決定・オンライン面談オンラインで60分お時間をいただける日程を調整させていただきます。無料相談・お申し込み 30分程度の無料な目標に落とに繋げられたことで、行動に移す・移さないの決断自体もひとつひとつ向き合って消化でき、気持ちがスッキリしました。目標を立てると最終的に己との闘いになりがちですが、いつも隣で応援してくれるので、孤独感はなくなりテンション高めでゴールまで走りきれます。目に見える変化がありました！早起きが習慣化され、時間の使い方が上手になりました。また、別の人の視点で物事を考えるようになったり、なりたい自分を意識して行動するようになりました。数ヶ月で大きな変化を感じることができました。パートナーとの良好な関係家族時間の余裕が生まれる自分軸を持てるようになるワクワクして行動できる理想に向けて変化を起こせる

事業内容就学前の子供がいる母親向けに有資格の個人コーチが相談者のヒアリング内容に沿ってカスタマイズしたコーチングを実施事業の特徴・無料相談申し込みの導線見直し・無料相談申込数の増加・ターゲットへのメッセージ性の向上改修目的・30代から40代の女性（子供２児）・忙しい毎日に追われ自分軸を
　失っているが、改善したいと願うターゲット Works リサーチ・要件定義 30代から40代の女性向けにコーチングを実施、目的達成の支援 Works 28 30 29

・キービジュアル動画が重いので読み込みに時間がかかる　子供と母親のイメージだとターゲットへのメッセージが伝わりにくい　メインテキストメッセージの訴求性が弱い・お客様の声（きっかけと変化）　テキストが長く視認性が悪い　
Before/Afterが分かりづらい・サービス内容　レイアウト・期間を分かりにくい・テキスト　全体的にテキストが長く冗長性があるサイトの課題 Worksサイト課題 Works 29 31 30

Works 競合とベンチマークベンチマークベンチマーク競合他社競合他社・ファーストビューには「なりたい私」の画像を配置・パステルカラーや優しいイメージを醸し出す配色を採用・顧客の声や体験は上部に配置・小さいお子さんがいるお母さんをターゲット、FVはお母さん自身
・カラフルで生き生きとした印象を与える色彩・背景に円や角丸の四角を使って元気で動きがある雰囲気を出す Works 30 32 31

Works 情報設計・ワイヤーフレームファーストビュー（CTA）ファーストビュー（CTA）お知らせお知らせコーチメッセージコーチメッセージきっかけ・お客様の声（CTA）きっかけ・お客様の声（CTA）
お悩み解決（CTA）お悩み解決（CTA）サービス(CTA) サービス(CTA) 申し込みフロー(CTA) 申し込みフロー(CTA) コーチプロフィールコーチプロフィールお問い合わせお問い合わせ MY CORE COACHING 受講すると SER VICE サービス今すぐ無料相談に申し込む 1on1コーチング  （オンライン回）メールフォロー 12 Break Through 人気! 6ヶ月サポート成果に向けて動ける自分に 1on1コーチング  （オンライン 6回）メールフォロー Launch 3ヶ月サポートまず、変化を実感したい方へ Raw Your Boat 1 年サポート自律的に理想を体現し続ける力 1on1コーチング  （オンライン 24回）メールフォロー今すぐ無料相談に申し込む FLOW お申し込みフロー無料相談お申し込みステップ 3 お申し込み・お問い合わせ無料個別相談申し込みから、メールアドレス、ご希望日程等をご送付ください。面談日時の決定・オンライン面談オンラインで60分お時間をいただける日程を調整させていただきます。無料相談・お申し込み 30分程度の無料個別コーチングを体験いただきます。今すぐ無料相談に申し込む PRO FI LE コーチプロフィール横浜生まれ。父の転勤で大阪・京都・横浜と幼稚園から中学校まで 3回転校を経験。早稲田大学法学部卒業後、英会話学校に就職。新卒2年目でマネージャーに就任。その後ドバイで1年間ホテルでの業務を経験。帰国後、外資系イベント会社で企画営業に従事し、国内外企業への営業や、デザイナーや建築家とのプロジェクト運営に携わる。第1子出産を機に、母親である自分が楽しそうな姿が子どもにも一番いいはず！という気づきを得る。心のどこかで「本当にこの仕事がやりたいのか？」という疑問を持っていた自分のようなキャリア迷子を減らしたいと、キャリア教育の財団に転職。ワーキングマザーが自己決定感、納得感のある人生を送るためのライフキャリア支援のコーチングを行なっている。 ICF（国際コーチング連盟）認定プログラム提供スクールにて、共創コーチ®資格取得。 2児（男兄弟）の母。ライフキャリアコーチ名前 Name 毎日に追われるママが、 3ヶ月で自分軸を見つけてワクワクする人生を取り戻すライフキャリアコーチング MY CORE COACHING トップ私の想いお客様の声サービスお問い合わせ講師について What’s new NEW 2025.10.01 2025.10.01 2025.10.01 復帰と両立セミナー無料セミナー開催のお知らせコラムの更新お母さんだっていつでも挑戦できるし輝ける岡さんだって輝ける。子育てで社会から離れたって、いつでも社会復帰できるしやりたいことも挑戦できる。そ挑戦したいお母さんを応援します。お母さんがき輝いていれば子供もお母さんをみて健やかに育ちます。がんばるあなたを応援します。テキストが入ります。テキストが入ります。テキストが入ります。岡さんだって輝ける。子育てで社会から離れたって、いつでも社会復帰できるしやりたいことも挑戦できる。そ挑戦したいお母さんを応援します。お母さんがき輝いていれば子供もお母さんをみて健やかに育ちます。がんばるあなたを応援します。テキストが入ります。テキストが入ります。テキストが入ります。 A BO UT M y core coa ch in g について What le d you t o coa ch in g? コーチング受講のきっかけ今すぐ無料相談に申し込む MY CORE COACHING 受講すると FLOW お申し込みフロー無料相談お申し込みステップ 3 お申し込み・お問い合わせ無料個別相談申し込みから、メールアドレス、ご希望日程等をご送付ください。面談日時の決定・オンライン面談オンラインで60分お時間をいただける日程を調整させていただきます。無料相談・お申し込み 30分程度の無料個別コーチングを体験いただきます。今すぐ無料相談に申し込む PRO FI LE 講師プロフィール横浜生まれ。父の転勤で大阪・京都・横浜と幼稚園から中学校まで 3回転校を経験。早稲田大学法学部卒業後、英会話学校に就職。新卒2年目でマネージャーに就任。その後ドバイで1年間ホテルでの業務を経験。帰国後、外資系イベント会社で企画営業に従事し、国内外企業への営業や、デザイナーや建築家とのプロジェクト運営に携わる。第1子出産を機に、母親である自分が楽しそうな姿が子どもにも一番いいはず！という気づきを得る。心のどこかで「本当にこの仕事がやりたいのか？」という疑問を持っていた自分のようなキャリア迷子を減らしたいと、キャリア教育の財団に転職。ワーキングマザーが自己決定感、納得感のある人生を送るためのライフキャリア支援のコーチングを行なっている。 ICF（国際コーチング連盟）認定プログラム提供スクールにて、共創コーチ®資格取得。 2児（男兄弟）の母。ライフキャリアコーチ名前 Name VIEW MORE お名前メールアドレス件名無料相談お申し込みその他お問い合わせメッセージ本文必須必須必須必須送信するプライバシーポリシーに同意する © ︎ MY CORE COACHING 2 0 2 5 CON TAC T お申し込み n ote最新記事その他のリンク SN Sリンク「このままでいい？」は、スタートライン輝くママを増やすライフキャリアコーチのあいちょです 7歳の長男 (通称:ファースト)、4歳の次男(通称:セカンド […] 「このままでいい？」は、スタートライン輝くママを増やすライフキャリアコーチのあいちょです 7歳の長男 (通称:ファースト)、4歳の次男(通称:セカンド […] 「このままでいい？」は、スタートライン輝くママを増やすライフキャリアコーチのあいちょです 7歳の長男 (通称:ファースト)、4歳の次男(通称:セカンド […] Works 31 33 32

Works デザインシステム手書き感のある書体をアクセントに使用しています。垢抜けの雰囲気を出します。 Works 32 34 33 メインカラーは彩度高め、明度高めのオレンジを
採用。元気で明るく存在感を保つ。小さいお子さんがいるお母さんがターゲット。カラフルでワクワクできるようなイメージを出すため色彩を多めに使用した。ゴシック体を採用し、視認性を高める。日本語のWeb上で幅広く採用されている字体で親しみやすいゴシック体を使用。フォントフォントカラーカラーコンポーネントコンポーネント Noto Sans JP - Bold Noto Sans JP - SemiBold Noto Sans JP - Medium Noto Sans JP - Regular ＃E76302-primary ＃333333-text ＃18C5C7 ＃FFC588 ＃FFEAC5 ＃A5D485 今すぐ無料相談に申し込む MESSAGE コーチからののメッセージこれまで「こうできたらな」と思うことや「もやもやするな」と思うことがあっても、特に具体的に手を打たずにやり過ごしてしまうことがほとんどでした。「」と思うことがあっても、やり過ごしてしまっていましたもやもやする N.Kさん　30代 Case No.1 Break Through受講 Yosugara ver12

Works 制作方針ファーストビュー改善 01 CTAのテキスト即時性なし FVが動画メインテキスト分かりにくい FVを「理想の私」画像へメインテキスト変更
CTAのテキスト変更 Before after お客様の声改善 02 Before/Afterがわかりにくいテキストが長く要点が掴めない利用サービスの記載がない Before/Afterを可視化テキスト削減利用サービス記載 Before after レイアウト・導線全体的な調整 03 導線の改善テキスト分量が多い FLOW、ステップわかりにくい導線の改善 FLOW・ステップ見やすくテキスト調整 Before after ユーザ視点で課題と改善点を検討 Works 33 35 34

Works ファーストビュー BEFORE After ワクワクする人生を取り戻すライフキャリアコーチング毎日に追われるママが、で自分の「好き」を見つけて 3ヶ月 MY
CORE COACHING What’s new NEW 2025.10.01 2025.10.01 2025.10.01 復帰と両立セミナー無料セミナー開催のお知らせコラムの更新今すぐ無料相談に申し込む MESSAGE コーチからののメッセージ自分も家族も大事にしてやりたいことも挑戦したいあなたを応援します自分の子どもには大人になることを  楽しみに思ってほしいな、と思ったときに、  ふと自分自身は楽しんでいる？  という問いが頭に浮かびました。   トップ私の想い相談のきっかけサービスお問い合わせ講師について・画像の変更ワクワクしている「理想の私」が分かりやすく見える写真に変更・メインテキスト変更「3ヶ月で」「毎日に追われる」など具体的な期間とターゲット抱える悩みに訴求・CTAのテキスト変更「今すぐ」と即時性のテキスト追加、さらにクリック範囲を広げるためボタンに高さを出した（55px ） Works 34 36 35

Works お客様の声 BEFORE After ・BEFORE/AFTERで変化を訴求何がきっかけで受講し、その後どうなったか一目で分かるよう改善・利用サービスを記載どのサービスを利用して、どう変わったかケースを示すことでターゲットの懸念に寄り添う・テキスト分量テキストの分量を抑えて分かりやすくみせる
Works 35 37 36

Worksメッセージ・サービス・フロー BEFORE After ・講師からのメッセージが長いので丁度いい長さにまとめるメッセージのメインテキストを訴求性あるものに変更・サービスを目立つように変更・中央におすすめを分かりやすくどのサービスを利用して、どう変わったかケースを示すことでターゲットの懸念に寄り添う・相談のお申し込みステップを改善グラデーションを用いて３ステップを視覚化。 Works
36 38 37

社会保険労務士サイト「シャローム事務所」様のトップページ改善を行いました。参考：「社会保険労務士行政書士シャローム事務所」公式HP(http://www.sharohmu.com/) 本改善案は、サイト所有者からの許可を得て実際の提案内容を自主制作として掲載しています。担当範囲要件定義、情報設計、UIデザイン制作期間 3週間使用ツール Figma
Works 制作実績社会保険労務士HP トップページのリニューアル

I/UX 成長を支えてきた実
績紹介します。き企業の安心と成長を支えの一部をご紹介します。年金・実 Streng Strength 所の強み福祉施設・介護施設の労務管理は、法改正や人材確保の課題が複雑に絡み合う分野です。当事務所では、これらの業界に特化した支援実績が豊富にあり、現場の実情に即したアドバイスを提供しております。特に、社会保険・労働保険の適正な運用、シフト勤務に伴う労働時間管理、助成金活用などに強みを持っています。福祉・介護事業者様からの労務に関するご相談は無料で承っておりますので、安心してお問い合わせください。現場を支える皆様の負担軽減と、安定した運営を全力でサポートいたします。三重県内の福祉施設・介護施設関係の労務担当者の方からのご相談は無料詳しく見る t お問い合わせする Ne ws お知らせ Ne ws 2025/08/30 無料相談会開催のお知らせ 2025/08/30 労務関連法律改訂 2025/08/30 障害年金無料相談一覧を見る UI/UX た実績業の安心と成長を支えてきた実績の一部をご紹介します。客様の声 Strength Our Strength 弊所の強み福祉施設・介護施設の労務管理は、法改正や人材確保の課題が複雑に絡み合う分野です。当事務所では、これらの業界に特化した支援実績が豊富にあり、現場の実情に即したアドバイスを提供しております。特に、社会保険・労働保険の適正な運用、シフト勤務に伴う労働時間管理、助成金活用などに強みを持っています。福祉・介護事業者様からの労務に関するご相談は無料で承っておりますので、安心してお問い合わせください。現場を支える皆様の負担軽減と、安定した運営を全力でサポートいたします。三重県内の福祉施設・介護施設関係の労務担当者の方からのご相談は無料詳しく見るシャローム岩本事務所所長　岩本克彦企業の成長は働く人の安心から始まるホーム事業所案内各種手続き人事・労務関連年金・実績お問い合わせコンプライアンスと労使関係の整備で、強い組織づくりをサポートします。 Scroll Our M ission Greeting ご拶挨 Greeting 私は、コミュニケーションを人事労務管理の基本において、社会保険労務士の仕事を続けてきました。  　人事労務管理は労働者の能力を最大限に引き出すための「理」と、労働者と経営者の利害対立の調整のための「理」の２つに分かれますが、近年は「労使関係管理案が急増しています。　人材は資産です。お客様の企業が恒久的に発て、日々仕事をさせていただいています。   トラブルを予防するのが社会保険労務働く人の力を最大限に引き出すために ervice Our Service について事社会保健労務士  行政書士岩本事務所シャロームシャローム岩本事務所所長　岩本克彦 gth Strength 所の強み絡み合う分野です。に特化した支援実績が豊富にアドバイスを提供しております。保険の適正な運用、シフト勤務に助成金活用などに強みを持っています。者様からの労務に関するご相談は無料ですので、安心してお問い合わせください。える皆様の負担軽減と、た運営を全力でサポートいたします。設関係相談は無料詳しく見る Ne ws お知らせ Ne ws 2025/08/30 無料相談会開催のお知らせ 2025/08/30 労務関連法律改訂 2025/08/30 障害年金無料相談一覧を見るシャローム岩本事務所所長　岩本克彦企業の成長は働く人の安心から始まるホーム事業所案内各種手続き人事・労務関連年金・実績お問い合わせコンプライアンスと労使関係の整備で、強い組織づくりをサポートします。 Scroll Our M ission Greeting ご拶挨 Greeting 私は、コミュニケーションを人事労務管理の基本において、社会保険労務士の仕事を続けてきました。  　人事労務管理は労働者の能力を最大限に引き出すための「人事管理」と、労働者と経営者の利害対立の調整のための「労使関係管理」の２つに分かれますが、近年は「労使関係管理」に関わる事案が急増しています。　人材は資産です。お客様の企業が恒久的に発展することを目指して、日々仕事をさせていただいています。   トラブルを予防するのが社会保険労務士の職務と考えています。働く人の力を最大限に引き出すために長を支えてきた実績。・労務管理社会保健労務士  行政書士岩本事務所シャローム Se Our Service 業務について企業の安心と成長を支えてきた実績の一部をご紹介します。各種手続き企業の安心と成長を支えの一部をご紹介します。事務所案企業の安心と成長を支えてきた実績の一部をご紹介します。年金・実績企業の安心と成長を支えての一部をご紹介します。お客様の声 S 三重の福祉施設・介護施設の労務管理は、法改正や人材確保の課題が複雑に絡み合う分野です。当事務所では、これらの業界に特化した支援実績が豊富にあり、現場の実情に即したアドバイスを提供しております。特に、社会保険・労働保険の適正な運用、シフト勤務に伴う労働時間管理、助成金活用などに強みを持っています。福祉・介護事業者様からの労務に関するご相談は無料で承っておりますので、安心してお問い合わせください。現場を支える皆様の負担軽減と、安定した運営を全力でサポートいたします。三重県内の福祉施設・介護の労務担当者の方からのご相談詳しく見る Cont act お問い合わせ社会保健労務士  行政書士岩本事務所シャローム 014 三重県津市乙部8-14 務士岩本　克彦 059-225-1111 お問い合わせする Ne ws お知らせ Ne ws 2025/08/30 無料相談会開催のお知らせ 2025/08/30 労務関連法律改訂 2025/08/30 障害年金無料相談一覧を見る

Works リサーチ・要件定義社会保健労務士  行政書士岩本事務所シャローム事業内容労務相談・コンサルティング労働時間管理・勤怠管理の適正化労使トラブルの予防・解決支援
労働法令遵守のアドバイス事業の特徴・単なる手続き代行ではなく、企業の成長を支える労務パートナー・地域密着の強みを活かした対応と、チーム体制による安定したサービスを提供・予防型アプローチで労務トラブルを未然に防ぐ・福祉法令関係に強い労務士事務所改善目的・「見た目を良くする」に加え、ビジネスの成長促進を狙うことが最大の目的・トップページに分かりやすく情報を入れることにより信頼性を上げる・企業の第一印象を改善し、選ばれる確率を向上・ターゲット市場の拡大 → 顧客獲得機会の増加・モバイルユーザーの取りこぼしを防ぐターゲット・中小企業の経営者・ローカルエリア（三重県）重視：「地域密着型」目的とする層も多い・人事・総務担当者・特に福祉業界に強みがある為福祉関連法人及び団体 Works 39 41 40

Works ビジネスの課題サイトの改善・サイトの雰囲気トップページに情報が少ないので、問い合わせしにくい　テキストフォントから堅苦しい雰囲気を感じる・信頼性の向上　デザインが古く情報量が不足している。
　実際に対応してくれる人の顔が見えた方が安心感が　ある為、所長の写真や挨拶文を載せるようにする　　・代表者の顔写真と挨拶　　・スタッフの写真・実績・強みの明示・丁寧なサービス説明  上記の情報を追加・差別化地域密着三重県という地域に密着、また福祉業界に強い親身な対応メッセージに現状に理解示し細やかな対応を　　　　　　　することを約束 Works 40 42 41

Works 競合・ベンチマーク競合他社競合他社ベンチマークベンチマーク・ファーストビューは実際に働いている社労士の雰囲気を出しているか事務所が多い。  ・信頼性やビジネスの雰囲気をだすためにブルー系やぐグリーン系の配色を使用している。
・ボタンを含めデザインやカラーはシンプルで落ち着いた印象。全体的にのっぺりとしたイメージなので、背景にグリーン系のグラデーションを入れて変化を出す Works 41 43 42

Works 情報設計・ワイヤーフレームファーストビューファーストビュー挨拶挨拶サービス紹介サービス紹介強み強み
お知らせお知らせ問い合わせ問い合わせ Ser vice 業務について企業の安心と成長を支えてきた実績の一部をご紹介します。各種手続き企業の安心と成長を支えてきた実績の一部をご紹介します。事務所案内企業の安心と成長を支えてきた実績の一部をご紹介します。年金・実績企業の安心と成長を支えてきた実績の一部をご紹介します。人事・労務管理企業の安心と成長を支えてきた実績の一部をご紹介します。お客様の声 Strengt h Our Strengt h 弊所の強み福祉施設・介護施設の労務管理は、法改正や人材確保の課題が複雑に絡み合う分野です。当事務所では、これらの業界に特化した支援実績が豊富にあり、現場の実情に即したアドバイスを提供しております。特に、社会保険・労働保険の適正な運用、シフト勤務に伴う労働時間管理、助成金活用などに強みを持っています。福祉・介護事業者様からの労務に関するご相談は無料で承っておりますので、安心してお問い合わせください。現場を支える皆様の負担軽減と、安定した運営を全力でサポートいたします。三重県内の福祉施設・介護施設関係の労務担当者の方からのご相談は無料詳しく見る Cont act お問い合わせ社会保健労務士  行政書士岩本事務所シャローム〒511-0014 三重県津市乙部8-14 社会保険労務士岩本　克彦 FAX 059-225-1111 TEL 059-225-9231 お問い合わせする Copyright © 2025　社会保険労務士・行政書士　シャローム岩本事務所 All Rights Reserved Ne ws お知らせ Ne ws 2025/08/30 無料相談会開催のお知らせ 2025/08/30 労務関連法律改訂 2025/08/30 障害年金無料相談一覧を見るシャローム岩本事務所所長　岩本克彦企業の成長は働く人の安心から始まるホーム事業所案内各種手続き人事・労務関連年金・実績お問い合わせコンプライアンスと労使関係の整備で、強い組織づくりをサポートします。 Scroll Our Mission Greeting ご拶挨 Greeting 私は、コミュニケーションを人事労務管理の基本において、社会保険労務士の仕事を続けてきました。  　人事労務管理は労働者の能力を最大限に引き出すための「人事管理」と、労働者と経営者の利害対立の調整のための「労使関係管理」の２つに分かれますが、近年は「労使関係管理」に関わる事案が急増しています。　人材は資産です。お客様の企業が恒久的に発展することを目指して、日々仕事をさせていただいています。   トラブルを予防するのが社会保険労務士の職務と考えています。働く人の力を最大限に引き出すために Ser vice Our Ser vice 業務について企業の安心と成長を支えてきた実績の一部をご紹介します。各種手続き企業の安心と成長を支えてきた実績の一部をご紹介します。事務所案内企業の安心と成長を支えてきた実績の一部をご紹介します。年金・実績企業の安心と成長を支えてきた実績の一部をご紹介します。人事・労務管理企業の安心と成長を支えてきた実績の一部をご紹介します。お客様の声 Strengt h Our Strengt h 弊所の強み福祉施設・介護施設の労務管理は、法改正や人材確保の課題が複雑に絡み合う分野です。当事務所では、これらの業界に特化した支援実績が豊富にあり、現場の実情に即したアドバイスを提供しております。三重県内の福祉施設・介護施設関係の労務担当者の方からのご相談は無料社会保健労務士  行政書士岩本事務所シャローム Works 42 44 43

Works デザインシステムメインカラーはパステルグリーン系、親しみやすさ・温かみをサイトから感じてもらうことを狙う背景は白を採用清潔感・信頼性を勝ち取る狙い白の余白が多く、クリーンな印象「きちんとしている」「信頼できる」医療・福祉系の安心感に近いフォント
フォントカラーカラーコンポーネントコンポーネント Noto Serif JP - Bold Noto Serif JP - SemiBold Noto Serif JP - Medium Noto Serif JP - Regular Nothing you could do ＃E76302-primary ＃333333-text ＃D4EFDF ご拶挨 Greeting Our Service 業務について企業の安心と成長を支えてきた実績の一部をご紹介します。各種手続き詳しく見る信頼性・信頼のある関係構築が重要なので、落ち着いた印象を与えられる明朝体を採用。手書き感のある書体をアクセントに使用しています。垢抜けの雰囲気を出します。 Our Mi ssion Works 43 45 44

Works ファーストビュー After ファーストビューのイメージ・プロフェッショナルとして真摯に顧客に向き合って　問題解決する印象の握手する写真を選定。爽やかかつ　親しみやすい印象を得る。・キャッチコピーも入れてメッセージ性をだす。
「挨拶」セクション原稿のサイトではトップページに「人の顔」がなく、雰囲気など分かりにくく問い合わせしづらかったが、所長の顔写真と顧客への向き合い方の挨拶があることで、親しみやすさを感じられる。全体的なカラー・濃い緑一色からパステルグリーン+ホワイトへ変更。・視覚的にストレスがかからず快適性の向上。 Works 44 46 45

Works 業務・強み After 各種案内・タッチパネルのような写真入りボタンを並べて、　訪問者が目的に応じてあトップページからアクセス　しやすいようにする。「強み」セクション
・他事務所と差別化させる要素をトップページに配置「地元密着型」「福祉・介護施設」など専門性や強みの　解決へ訴求する。 Works 45 47 46

Works 　お知らせ・お問い合わせ After 「お知らせ」セクション・以前はトップページにお知らせがなく、事務所の営業　の様子がわからなかったが、更新があることで訪問者　に安心感を与える。顧客獲得につながる無料相談会
　情報も更新。「お問い合わせ」セクション・サイトを訪問してくれたユーザーに対して問い合わせ　ボタンがなかったところ、問い合わせに誘導できる　セクションを作成した。フォーム、電話、メール情報　追加。あまり情報を盛り込まずユーザーが迷わないよう　にする。 Works 46 48 47

Shopify TOPページのリニューアル Shpifyサイト「CODEzoo」様の TOPページ改善を行いました。本改善案は、サイト所有者からの許可を得て実際の提案内容を個人の自主制作として掲載しています。担当範囲要件定義、情報設計、デザイン制作期間
3週間使用ツール Figma Works 制作実績

事業内容エンジニアの使用言語と意味を持つプログラムテキストをそれぞれの言語を表すキャラクターが描かれたT-shirtsを販売するECサイト運営（Shopify）事業の特徴・ターゲットが不明瞭・ブランドの特徴が不明瞭・製品のタグ（新着・セール）追加改修目的・20代から50代のプログラマ向け
・Web業界に勤めるディレクターや　デザイナーターゲット Works リサーチ・要件定義 20代から50代までコンピュータ言語を書くプログラマ向けの Tシャツ等オンライン販売 Works 49 51 50

ShopifyテーマDawn ・Dawnでカスタマイズできるようなデザインを心がける。ファーストビュー・ECサイトは写真やイラストの見せ方、ブランドの雰囲気が　重要だが、ファーストビューの写真にインパクトがない。 About ・Aboutのストアストーリー性がパッと見て分かりにくい。おすすめ・まずはコレクションを上部に配置して種類・品数などを
　提示した方がいい。全体的な印象・ECサイトは画像が重要なので入替・英語フォントはストリート系の　雰囲気の合うものを使用する。金額表示とタグ・商品の金額表示方法と新着等のタグを考慮する必要ありサイトの課題 Worksビジネスの課題 Works 50 52 51

Works 競合とベンチマーク競合他社競合他社ベンチマークベンチマーク・商品陳列を上部に配置して並べることにより、「何屋」かが分かりやすい。・テキストはほとんどなく商品画像と世界観を統一・ブランドイメージに沿った画像を配置
・商品画像で世界観を表現・FVの他にキービジュアルをサイト途中に配置 Works 51 43 52

Works デザインシステムストリート X テックの雰囲気を出したいので、黒と赤のコントラストをサイトに出していきたい。背景は白ですっきりと余白を意識してすっきりとしたスタイリッシュな雰囲気を作る。日本語テキストは一番Webで使用されているゴシック体のNoto
sans JPを使用英語フォントはストリート系の雰囲気を出したいので Anton(Google font)を使用フォントフォントカラーカラー Noto Sans JP - Bold Anton - Regular Noto Sans JP - SemiBold Noto Sans JP - Medium Noto Sans JP - Regular ＃E76302-primary ＃333333-text Works 52 54 53

Works 制作方針ファーストビュー改善 01 メッセージ性がないインパクトは弱いブランドの持つ雰囲気がない FVにCODEzooとブランド名　
を出すことによりエンジニア　と動物を連想させるスタイリッシュな画像を選定 Before after 商品に付随するタグを追加 02 新着/セール/税込価格表示ない商品の陳列数が少ない種類が分からない新着/セール/税込タグ追加税込価格表示ボタンでコレクションが展開 Before after レイアウト全体的な調整 03 英語フォントが一般的すぎる商品や画像の印象が弱いブランドの目指す印象が不明瞭英語フォント Google fontの　 Antonに変更ストリート Xテックの画像テキスト量少なく Before after 課題と改善点を検討 Works 53 55 54

Works FVとコレクション After ファーストビューのイメージ・ストリート X テックイメージのある画像使用・ブランド名をターゲットが想像できる名前に　変更
コレクション・ボタンタブを使って商品陳列を切り替え　新着・売り切れ・割引タグ表示・税込価格表示バリエーション・Aboutセクションの代わりにどんな　バリエーションがあるかキャラクターで　表示。ブランドイメージ・ブランドの持つストリートイメージ画像を　配置してショップの雰囲気を印象付ける。 BEFORE ファーストビューのイメージ・FVのインパクトが弱い・ブランドメッセージ性がないコレクション・陳列点数も少なく寂しい印象・どんな種類があるのか分からない・新着など製品に動きがあるか分からない About ・メッセージ性が低い・ペンギンで LINUXを意識させたいが、　違う画像に差し替えるべき Works 54 56 55

BANNER 自主制作担当範囲要件定義、情報設計、デザイン制作期間 2週間使用ツール Figma Works バナー制作

Works 要件定義事業内容 ▪ ▪ d'Alba Global株式会社が展開するプレミアム・ヴィーガン・スキンケアブランド。イタリア・ピエモンテ産ホワイトトリュフを全製品に配合した高機能スキンケアを提供。   韓国No.1独立系ブランド 
世界5,000万本突破のベストセラー製品を展開。SPF50+日焼け止めやスプレーセラムなど、保湿×UV×化粧下地を兼ねた多機能アイテムが人気。課題と改善の方針・定価3,900円は日本市場では高い・製品価値・どんな製品かを一目で分かるようにする・「買う理由」が不明確割引感・お得感をバナーに添える「トーンアップUV下地」と目立たせる割引率と通常価格との対比を際立たせるターゲット職業 : IT企業マーケター居住地：東京都渋谷区（1K賃貸マンション）家族構成：独身一人暮らし休日の過ごし方ヨガスタジオ（月4回）韓国ドラマ鑑賞カフェ巡り Instagram に「映える」写真投稿肌の悩みくすみ・色ムラ - 夕方になると肌が疲れて見える紫外線対策不足 - 日焼け止めを塗り直せない毛穴が目立つ - 至近距離での打ち合わせが気になるスキンケアの課題時間がない : 朝のメイク時間は30分が限界コスパ重視: でも効果は妥協したくない ▪ ライフスタイル田中　美咲 28歳 ▪ 悩み 56 58 57 Works

Works 競合とベンチマークベンチマーク競合他社 57 59 58 Works

Works After BEFORE 色彩・フォントからのイメージ・ブルー系：清潔感、信頼性、UV保護の涼しさ・セリフ系または手書き風(プレミアム感) メッセージ・「トーンアップUV下地」のフォントを最大化・その下にブルーの帯を配置することでメッセージ強調・「化粧ノリブースター」で目立たせる
特別割引を強調・特別割引のフォントを最大化・数字とラベルに赤色を付して目を惹きつけるように円形バッジ・円形バッジで41％割引を強調。・赤色で割引率を強調化粧ノリブースタートーンアップ UV下地 2,320( ) 税込円メガ割＋ショップクーポン適用 d‘Alba 3,900(税込) 円通常価格税込 d'Alba 41 OFF % 特別価格 Meta広告から引用 BEFORE 58 60 59

F L O W 04

FLOW 制作までの流れ FLOW FLOW BEFORE 63 62 61 04ご契約ご提案内容に価値を感じていた
き、ご納得いただけましたら、正式にご契約となります。 03 5営業日以内に、無料でファーストビュー（FV）または構成案をご提案。お見積り書を提示いたします。ご予算や要望に応じた最適なプランをご提案いたします。ご提案 02ヒアリング対面またはオンラインでヒアリングを実施いたします。ニーズ、目的、納期、デザインの方向性についてお伺いします。事前ヒアリング事前にヒアリングシートを共有します。ご記入内容にも沿ってヒアリングいたします。（15分から20分程度） 01 契約までの流れ

FLOW 契約後の流れ FLOW FLOW AFTER 61 63 62 キックオフプロジェクト成功を目指して、ヒ
アリング内容を元に「ゴール」の設定をさせていただきます。  01 02 デザイン修正「ゴール」の設定を軸にデザインの制作に取り組みます。随時フィードバックの元、進行いたします。 03 納品後に、運用方法や必要があれば動画やテキストによるマニュアル作成も可能でございます。納品フォロー契約後の流れ

C O N T A C T 05

FAQ クライアントの実績が少ないようですが、依頼しても大丈夫でしょうか？ 01 02 コーディングも対応できますか？ 03 デザインの方向性がイメージと違った場合はどうなりますか？よくある質問 QUESTIONS 63
65 64 基本的にはデザインのみの対応になりますが、コーディングまでご希望の場合には、私が対応もしくは信頼できるコーダーと連携し、デザインから実装まで一貫して対応することも可能です。最初の段階でヒアリングや参考資料の共有を通じて、イメージをすり合わせるように努めています。　方向性にズレが生じた場合、修正対応や方向転換を柔軟に行います。クライアント様の満足を最優先に考えています。確かにまだ多くの実績はございませんが、その分一つ一つの案件にじっくりと向き合い、クライアント様の期待を超える成果物を目指して取り組んでいます。まずは無料で試作やアイデアを提案させていただき、それをご確認いただきご納得いただいた場合に正式にご依頼いただければと思います。　このような形で信頼関係を気づいていきたいと考えております。 A. A. A.

CONTACT 最後までご覧いただき、ありがとうございました。お客様とのコミュニケーションを大切にし、成果に繋がる理想のデザインをご提供させていただきます。ご相談・お見積もりなど、お気軽にご連絡ください。 CONTACT 64 65

Portfolio

Portfolio

Featured

Transcript