Design

小さなデザイナーチームで実践!レビュー依頼のワークフローを設計した話

こんにちは!SaaS・DX事業部デザイナーの鍜治本です。 前回、ブランチ機能を駆使してUIファイル管理している記事を書きました。 tech.excite.co.jp 事業部デザインチームでのUI更新方法が型化され、日々の作業が少し楽になった一方で、新たな課題が見えてき…

見逃さないために今からチェック!行きたい展示会2025

こんにちは!SaaS事業部デザイナーの澤田です! エキサイトホールディングス Advent Calendar 2024 の22日目を担当します。 エキサイトホールディングスの各社に所属するエンジニア・デザイナーが力を合わせてブログのバトンを回しているので、ぜひ他の記事…

【保存版】デザイナーのインプット場所まとめ〜インスピレーションを求めて〜

こんにちは!SaaS事業部デザイナーの澤田です! エキサイトホールディングス Advent Calendar 2024 の最終日、25日目を担当します! ここまでエキサイトホールディングスの各社に所属するエンジニア・デザイナーが力を合わせてブログのバトンを回してきたの…

UI管理の効率化:Figmaのブランチ機能を活用する

こんにちは!SaaS・DX事業部デザイナーの鍜治本です。 エキサイトHDアドベントカレンダー シリーズ1の20日目を担当させていただきます! この記事では、Figmaのブランチ機能を活用して、UI管理をどのように効率化したかについて詳しくお話しします。

FigmaでLottieアニメーションを作ってみた!

こんにちは!SaaS事業部デザイナーの澤田です! エキサイトホールディングス Advent Calendar 2024 の19日目を担当します。 エキサイトホールディングスの各社に所属するエンジニア・デザイナーが力を合わせてブログのバトンを回しているので、ぜひ他の記事…

動画加工しやすいのはどっち!?Canva vs Adobe Express

こんにちは!SaaS・DX事業部デザイナーの鍜治本です! 年末年始、イベントや休暇の思い出を形にするコンテンツを作る機会も増える時期。 今回はノンデザイナー向けツールとして人気の高い「Canva」と「Adobe Express」を使い、それぞれの特徴を比較してみま…

担当デザイナーの経験則に依存しないデザインシステムづくり

こんにちは。エキサイトでデザイナーをしている齋藤です。 エキサイトホールディングス Advent Calendar 2024 シリーズ2の4日目を担当します。 qiita.com 最近、とあるサービスのデザインシステムの構築を担当する中で、他事業部のデザイナーに協力のもと、…

Notion初心者による、スプリント風タスク管理の作り方

こんにちは!SaaS・DX事業部デザイナーの鍜治本です! 皆さん、タスク管理はどのようにしていますか? SaaS事業部では元々Jiraを使っていましたが、エンジニアと同じプロジェクトで管理するのが難しくなったこともあり、Notionへ移行しました。ただ、使い始…

既存コンポーネントの改善・修正に取り組みました

こんにちは!現在、エキサイト株式会社 SaaS・DX事業部でデザイナーとして内定者アルバイトをしているやのふきです。 この記事では、KUROTENのUI改善業務で取り組んだ内容について紹介します。 業務内容 ステップ 1. 既存UIの構造整理 2. 似ているUIの調査 3…

Figmaのローカルバリアブルを使ってテキストにスタイルを適用してみる

こんにちは!SaaS・DX事業部デザイナーの鍜治本です! 担当しているサービス「KUROTEN」のUI設計をする際にFigmaを使っており、デザインシステムの構築を日々進めています。 そんな中、スタイルの定義を行う際に気がついた機能があるので、TIPSとして記事に…

【社内カンファレンス登壇記】TechCon2024でFigma Variantsのお話をしました!

こんにちは。 エキサイトで内定者アルバイトとしてデザイナーをしている齋藤です。 2024年2月16日に行われた、技術者向けの社内カンファレンス「Excite × iXIT TechCon」のLT枠で登壇させていただきましたので、その体験談を記したいと思います。 発表したこ…

社内カンファレンス「TechCon2024」で激熱なノベルティを作りました

こんにちは!SaaS・DX事業部デザイナーの鍜治本です! 今年も、社内技術カンファレンス「TechCon2024」が開催されました!! 開催にあたっての記事はこちら。 tech.excite.co.jp このブログでは、カンファレンス開催にあたり準備したノベルティについてのあ…

【2023年12月Firefox対応!】CSSの擬似クラス:has()とは?

こんにちは。 エキサイトで内定者アルバイトとしてデザイナーをしている齋藤です。 今回は2023年12月にFirefox(121)が対応したことにより主要ブラウザが完全対応となった、CSSの擬似クラス:has()についてその概要や使用方法についてお話したいと思います。…

「サムネイル制作」で学んだこと- 第2弾-

こんにちは!デザイナーとして内定者アルバイトをしている澤田です! エキサイトホールディングス Advent Calendar 2023 シリーズ2の21日目の記事です! qiita.com 1年ぶりにサムネイル制作についてまとめてみる 昨年夏にインターンシップでサムネイル制作…

初めてのオフライン展示会からデザイナーが学んだこと②

こんにちは!SaaS・DX事業部デザイナーの鍜治本です! エキサイトホールディングス Advent Calendar 2023 シリーズ1の20日目の記事です! qiita.com 2023年11月に出展したBOXIL EXPOについて、展示に向けて準備したことについても記事化していきます〜! 今…

デザインシステムを活かすためのドキュメンテーション

こんにちは。エキサイトで内定者アルバイトとしてデザイナーをしている齋藤です。 エキサイトホールディングス Advent Calendar 2023 シリーズ2の19日目は、私齋藤が担当させていただきます。 今回は、あるプロジェクトでデザインシステム構築を担当していた…

accent-colorでチェックボックスの色を指定する方法と注意したい落とし穴(CSS)

こんにちは。 エキサイトで内定者アルバイトとしてデザイナーをしている齋藤です。 エキサイトホールディングス Advent Calendar 2023シリーズ2の12日目は、私齋藤が担当させていただきます。 今回はチェックボックスなどの強調表示色を指定できるCSSプロパ…

ボタンにまつわるエトセトラ(HTMLとアクセシビリティ)

こんにちは。エキサイトで内定者アルバイトとしてデザイナーをしている齋藤です。 エキサイトホールディングス Advent Calendar 202313日目は、私齋藤が担当させていただきます。 今回は『ボタンにまつわるエトセトラ』と称し、UIデザインで最も頻用される要…

【SaaS Design Conference 2023】イベントに行ってきました!

こんにちは!SaaS・DX事業部デザイナーの鍜治本です! エキサイトホールディングス Advent Calendar 2023 シリーズ2の7日目の記事です! qiita.com 去年登壇していたイベント「SaaS Design Conference」に、今回は公聴者として参加してきました! 時間の都合…

初めてのオフライン展示会からデザイナーが学んだこと

こんにちは! SaaS・DX事業部デザイナーの鍜治本です! 技術ブログとは毛色が少し異なりますが、エキサイトのSaaS事業部としてオフラインの展示会に出展し、デザイナーとして体験したことをさっくり書き起こします! 出展したイベント概要 展示したもの ブー…

デザインのクオリティを上げる一手間!デザインTips集第二弾

はじめに こんにちは、エキサイト株式会社3年目デザイナーの山﨑です。 今回は、デザインのクオリティを上げる一手間!デザインTips集第二弾を紹介したいと思います! ▼前回の記事はこちら▼ tech.excite.co.jp 意外と簡単にできるものばかりなので、ぜひ実践…

Photoshopの「生成塗りつぶし」はなんかコレジャナイパフェを救えるのか?

こんにちは。エキサイト・デザイナーの小野寺です。 生成系AIが盛り上がる昨今の界隈ですが、弊社のデザイナーチームでもどんどん出てくる画像・デザイン系AIツールなどをチェックしつつ業務への効率的な取り入れ方などを日々模索中です。 今日はその中でも…

デザインの仕組み化としてデザイントークンを考えてみる(カラー編)

こんにちは。 エキサイトで内定者アルバイト(デザイナー)をしている齋藤です。 今回は、業務の中でデザイントークンを検討して実験的に使用しているので、「デザインの仕組み化」を実現するためのデザイントークンについて記してみたいと思います。 この記…

Figmaのバリアントプロパティでアイコンの色まで制御したい

こんにちは!SaaS・DX事業部デザイナーの鍜治本(@KAJIJI_design)です。 SaaSではtoB向けツールのUIを作成するにあたり、デザインシステムを設計したり、独自のコンポーネントを活用しています。 今回はその中の一つであるButtonにフォーカスして、発見した…

Figmaの新機能「Variables」でデザインシステムを作る際に使えそうなカラーの管理手法を試してみた

こんにちは。 エキサイトで24卒内定者アルバイトとしてデザイナーをしている齋藤です。 はじめに Variablesとは? 何ができるのか カラー管理周りの機能を試してみる カラーの変数化 Variablesの設定を開く 変数を作成する 変数を定義する 変数をグルーピン…

「伝わるFigma」を考えてみた

こんにちは。内定者アルバイトデザイナーの齋藤です。 今回は、UIデザインをさせていただく中で気がついた、デザイナーからエンジニアさんに「伝わるFigma」にするにはどうしたらよいのか、自分なりに考えてみましたので自戒も含めて共有します。 超超新米で…

【Figma Tips】複数の画像を一括で置き換える方法

こんにちは、2年目デザイナーの山﨑です。 今回は、Figmaで「複数の画像を一括で置き換える方法」を紹介します。 UIをデザインする上で画像を一つ一つ置き換えるのが面倒だな…という時にとても便利で、最近デザイナーさんに教えていただいたのでブログに方法…

作業効率化!Canvaでウェビナーサムネイルをテンプレート化しました

こんにちは!SaaS事業部デザイナーの鍜治本(@KAJIJI_design)です! エキサイトHDアドベントカレンダーに参加させていただいています〜〜〜!!! qiita.com クリスマスシーズンといえば繁忙期、みんなが忙しくて大変な時期ですね…! 今回は、そんな時期に…

【SaaS Design Conference 2022】U29公募セッションに登壇しました!

こんにちは! SaaS・DX事業部デザイナーの鍜治本(@KAJIJI_design)です! なんと、初開催イベント「SaaS Design Conference」のU29公募セッション枠でLT発表をさせていただきました! SaaS Design Conferenceとは? 初めてのオフライン登壇 セッションで話…

TECH Street主催 勉強会に登壇しました!SaaSのUIができるまで

こんにちは! SaaS事業部デザイナーの鍜治本(@KAJIJI_design)です! 先日、TECH Streetさん主催イベント「UXエンジニア・デザインエンジニア勉強会」に登壇させていただき、デザイナー目線でのUI/UXデザインについてお話しさせていただきました! 初めて外…