✦Web / UI UX Designer · Figma / Design / Coding

Web / UI UX Abe Tomoka. ✦

web・UI/UXを中心に、要件整理から画面設計、Figma制作、実装を見据えたデザインまで伴走します。事業やチームの状況を一緒に整理しながら、使いやすく成果につながる形へ落とし込みます。

🙈実績を見る 💭相談する
2017
Design Career
100+
Behance Works
Figma
Main Tool
scroll
Web Design ✦ UI / UX ✦ Figma ✦ FigJam ✦ Photoshop ✦ Illustrator ✦ HTML / CSS / Sass ✦ Notion / Slack / GitHub ✦ Web Design ✦ UI / UX ✦ Figma ✦ FigJam ✦ Photoshop ✦ Illustrator ✦ HTML / CSS / Sass ✦ Notion / Slack / GitHub ✦
Selected Works

厳選した実績

🙈 Limited Detail
詳細は限定公開にしています。

公開できる範囲で掲載しています。制作プロセスや担当範囲まで見たい方は、パスコードで詳細閲覧モードに切り替えてください。

詳細をご確認できます。限定公開を解除しています。各実績をクリックすると、制作プロセスや担当範囲までご覧いただけます。

パスコードと同意チェックをご確認ください。
エンジニアスクール (再)のデザイン画像
↗
エンジニアスクール (再)
フリーランス · UI/UX · ブランド · web · コーディング
機械部品など製造業で必要な部品の製造・販売を行う企業さまにてサービスプロダクト開発のデザイン画像
↗
製造業向け
サービスプロダクト開発
フリーランス · UI/UX · web · マーケティング
らぼる 専修大学附属高等学校の「土曜講座」のブログ・紹介webのデザイン画像
↗
らぼる
土曜講座の紹介web
フリーランス · アニメーション提案 · コーディング
PETOKOTO デザイナーのデザイン画像
↗
PETOKOTO
デザイナー
PETOKOTO · グラフィック · web · マーケティング
企業間取引における販売促進・マーケティング支援サービスのデザイン画像
↗
企業間取引の
販売促進支援サービス
フリーランス · UI/UX
美容サプリのショッピングページのデザイン画像
↗
美容サプリの
ショッピングページ
フリーランス · グラフィック · マーケティング
エンジニアスクールのデザイン画像
↗
エンジニアスクール
スタートアップテクノロジー · ブランド · web
大手車メーカーのLPのデザイン画像
↗
大手車メーカーのLP
フリーランス · UI/UX · web · グラフィック
スポーツメーカーのネットラジオ番組のまとめのデザイン画像
↗
ネットラジオ番組の
まとめ
フリーランス · UI/UX · web · アニメーション提案
オンライン医療サービスのデザイン画像
↗
オンライン医療サービス
フリーランス / スタートアップテクノロジー
大手電機メーカーのLPのデザイン画像
↗
大手電機メーカーのLP
フリーランス · UI/UX · web · グラフィック
シニア向けコミュニティサービスのデザイン画像
↗
シニア向け
コミュニティサービス
フリーランス · UI/UX · ブランド · web
時間を売買するサービスのデザイン画像
↗
時間を売買するサービス
スタートアップテクノロジー · UI/UX · ブランド
業界別テスト品質向上支援サービスのデザイン画像
↗
業界別テスト品質
向上支援サービス
スタートアップテクノロジー · UI/UX
Career

これまでの経歴

制作会社、フリーランス、事業会社での業務委託を経て、現在もフリーランスとして活動しています。サービス改善、LP制作、ブランド設計、Figma運用整理まで、チームの一員として事業に必要なデザインを支えます。

2018年3月
多摩美術大学 美術学部 情報デザイン学科 情報デザイン専攻 卒業
情報デザインを専攻し、web・UI/UXにつながる設計や表現の基礎を学びました。
2017年8月 - 2020年2月
株式会社スタートアップテクノロジー
アルバイト期間を含めて在籍。スタートアップやwebサービスの制作現場で、デザイン業務に携わりました。
概要・担当範囲

入社前アルバイトより、web・UI/UX・コーディングを主に担当。業務委託会社だったため、お客様のご意見ややりたいことをお聞きしながら業務を進めていました。

大きなプロジェクトとしては、社長が旗振りを行っていたエンジニアスクールのブランディングをデザインリーダーとして担当。

卒業制作で作成していたペット x ITを現実化させるため、社会についてもっと知りたいと考え退職へ。

事業内容: インターネットのwebシステム、webサイト、webコンテンツの企画・開発・制作・運営・管理、それらの受託およびコンサルティング / 従業員数: 20〜30人
2020年2月 - 2023年8月
フリーランス
web・UI/UXを中心に、Figmaを使った画面設計やデザイン制作を担当。要件定義や設計段階から相談できる進め方を大切にしてきました。
概要・担当範囲

前社でお世話になっていた案件を主に、web・UI/UX・コーディングを担当。

チームラボ様、GoodPatch Anywhere様、Cecai様などから仕事を受け、デザイナーとして経験を重ねました。

そのほか、キャラクターデザインやチラシ・名刺などの紙ものデザインも担当。

事業内容: webデザイン、UI/UXデザイン、印刷物のデザインなど、デザインできるもの・改善したいものを区別せず扱うデザイナー / 従業員数: 1人
2023年5月 - 2023年12月
株式会社PETOKOTO
業務委託期間を含めて参加。チームの一員として、事業やプロダクトに関わるデザイン業務に携わりました。
概要・担当範囲

卒業制作でも扱っていた犬猫の保護犬猫問題などを解決していこうというマインドに共感し、参加。

web・UI/UXを中心に、コーポレートの更新やユーザーが使用するサービスの改善、Figmaの整理整頓を担当。

Figma上のデザインシステムを整理し、社内に浸透させる取り組みも行いました。そのほか、バナー作成・紙もののデザインなども担当。

事業内容: ペットに関わるインターネット関連サービス / 従業員数: 20人
2024年1月 - 現在
フリーランス
現在はフリーランスとして活動。お客さまと一緒に作っていく姿勢を軸に、web・UI/UXデザイン、要件定義、設計、Figma制作を行っています。
概要・担当範囲

フリーランス活動を再開し、UI/UX、web、コーディング、印刷物など、デザインできるもの・改善したいものを区別せず担当。

株式会社ミスミさんに2024年3月から2025年9月まで参加。2025年10月より一時お休みし、2025年11月より以前の勤め先RUNTEQのお手伝いを時短稼働で開始。

事業内容: UI/UX、web、コーディング、印刷物などのデザイン・改善 / 従業員数: 1人
How I Work

制作プロセス

01
🔍
相談・整理
目的・課題・優先度を整理し、まず何から着手すべきかを一緒に明確にします。
02
✏️
要件定義・設計
ユーザー導線、情報設計、画面構成を固め、制作と開発が進めやすい土台を作ります。
03
🎨
Figma制作
FigmaでUI、LP、コンポーネントを制作し、必要に応じて運用しやすいデータへ整理します。
04
🚀
チーム連携
Slack、Notion、GitHubなどで認識を揃え、実装・改善までチームに馴染む形で伴走します。
Services

一緒に考え
形にするデザイン

「何を作るか」の整理から、画面設計、Figma制作、実装を見据えた調整まで相談できます。

🎨
Web / UI UX Design
事業の目的とユーザーの使いやすさを整理し、伝わる画面・迷わない導線を設計します。
📱
Requirement Design
要件が固まりきる前から参加し、優先度や改善ポイントを言語化して進行を助けます。
🖥️
Figma Production
Figmaを主軸に、UI制作、コンポーネント整理、チームが使いやすいデータ設計に対応します。
⚡
Coding Support
HTML、Pug、CSS、Sassの知識を活かし、実装時の迷いが少ないデザインを作ります。
🌸
Self Works
100+
量をつくり、検証する
Main Tool
Figma
設計から納品まで
Design Area
UI/UX
LP・Web・ブランド
Build Mind
Coding
実装目線で整える
About Me

お客さまと
一緒に作っていく

デザイナーのあべともかです。web・UI/UXを中心に、Figmaでの画面設計、LP制作、サービス改善、実装を見据えたデザインを行っています。

「どこから整えるべきか」「なぜその改善が必要か」を一緒に言語化しながら、事業側・開発側の両方が動きやすい状態を作ることを大切にしています。

Figma FigJam XD Photoshop Illustrator Premiere After Effects Procreate HTML Pug CSS Sass
💭相談する
Get in Touch

次のプロジェクトを
一緒に作りましょう

web・UI/UXデザイン、LP制作、サービス改善、Figma整理、要件定義からのご相談まで対応できます。まだ固まっていない段階でもお気軽にご相談ください。

💭 Mail 💼 Behance 🫧 Notion Portfolio