こんにちは。練習用ゴルフクラブを賃貸の壁にぶつけて敷金が消滅しかけているデザイナーこと、せっきーです。 エイシスのデザインチームは、現在（2021年11月時点）25名在籍しており、そのうち15名程度が常時テレワークで業務対応をしています。 テレワーク制度が始まり早1年強。制度導入前と変わらぬパフォーマンスを発揮しているデザイナーたちはどのような作業環境で業務を行っているのか。それを突き止めるべく、デザイナー3名に環境や機材についてインタビューをしました。 ウルトラワイドモニタが目を惹くスタイリッシュデスクしがない王国民（UI/UXデザイナー） 田村ゆかりが大好き。 しがない王国民からのコメント テーマは広々快適。広いは正義。幅160奥行き75の天板のおかげでモニタアームを2つ設置するのも余裕。デザインラフを描くときもいちいちキーボードをどかしたりする必要がないのでストレスフリー。えっ、机の
こんにちは！デザイナーの眼鏡です。 いきなりですが皆さんは「自分の所属するチーム以外に新入社員が入社した際」どういったコミュニケーションをとっていますか？ エイシスでは取り組みの一つとしてSlackで部活動を行っています。 チャットツールで部活動!?私の記憶が確かならば…3年前に社内チャットツールを「Slack」に移管してから、スタッフが好きなパブリックチャンネル（部屋）を気兼ねなく作れるようになったのがきっかけだったと思います。 ※同好会という表現が近いのかもしれません。 これにより幾つものチャンネルが産声を上げ、会社の一つのカルチャーとなりました。余談ですがフルリモート時代ではコミュニケーションが気薄になるので、様々なリモート促進の座学や書籍でもチャットによる雑談は重要視されています。 新入社員の方も、自分の好きな趣味趣向チャンネルに参加し、実業務で関わることがなくともスタッフの人とな
こんにちは！ 突然ですが皆さんWebでも文字詰めができるって知ってましたか？ WEBでの文字詰め方法を聞かれた時、 「一文字ずつ<span></span>で囲む…とかですかね…？」 と自信なさげな上に情弱さを披露してしまったデザイナーの山下と申します🙈 一般的に昔から知られている方法としてはletter-spacingやspanで文字詰めをする方法がありますが、他にもfont-kerningやfont-feature-settingsといったカーニング用のCSSプロパティが存在しています！ 特にfont-feature-settingsというプロパティではカーニング用に設定できる方法が何通りもあってめちゃくちゃすごいんです。 こういう方法もあるよー！と、デザインチームの有識者のメンバーに何通りか方法を教えてもらったので、今回はWEBサイトを読みやすくするカーニング方法を紹介していきたいと
こんにちは、デザイナーのサバ缶です。 エイシスでは同人活動に関連する様々なサービスを展開する「トリオキニ」を運営しています。 これまでこの「トリオキニ」に関するサービスの記事をいくつか公開してきましたが、今回はそもそもトリオキニって何？という点について紹介したいと思います。 👇今までに公開した「トリオキニ」に関するサービスの記事はこちら👇 興味がありましたら是非見てみてください！ トリオキニとは？同人活動を行う人を支援するポータルサービスです。 👇こちらのサイトをポータルサイトとして、各サービスに行くことができます。
こんにちは！デザイナーのくまさんです。 私はデザインチームで 装丁デザイナーとして働いています！ viviONグループではオリジナル漫画作品の制作も行っており、その表紙を制作するのが主なお仕事となります。 “装丁”は一般的には書籍のデザインのことを指しますが、viviONでは便宜上作品の顔となるデザイン全般のことを指しています！ 今回は、漫画作品の表紙はどのように制作されるのかをご紹介させて頂きます！ 取り上げさせて頂く作品はこちら！ 「ステイアットスイートホーム」 著：内谷あらすじ 栄養士として働きながら、婚活に焦る御幸叶子 27歳。 叶えたい夢…それは、専業主婦になること！憧れの母のように愛する人を支え、家族が帰る場所を守ることが叶子の夢だった。 ある日、落ちてきた木材から咄嗟に身を守ってくれた工事現場の作業員・安堂のたくましさに一目惚れ！優しい彼を支えるお嫁さんになりたい…でも、そ
viviONのデザインチームでは定期的に勉強会や共有会など様々な取り組みを行っています。 社内勉強会でUIデザインの基礎を学ぶ今回もまた社内勉強会を開催しました！デザインチームだけではなく他部署の方や他のチームの方も参加いただいて、合計15〜20名ほどになりました。 今回の内容はソシオメディアさんのヒューマンインターフェースガイドラインの資料を参考にUIデザインの基礎について学びます。 勉強会は前半に座学を行い、後半は実技という内容で、1時間ずつ全8回に分けて行うことになりました。 座学や実技の内容はあらかじめデザインチームの方で担当を決めて予習をしてから参加者に教えていく形で行います！ 勉強会を通じて、直感的でわかりやすく、一貫性のあるデザインルールを習得し、ユーザーの体験をよりよくしていこうと思います！ 前半：座学(20分)全100項目あるので、この記事では3項目のみご紹介します。（1
緊急事態宣言毎にスニーカーを一足購入するようにしている、デザイナーK改め…デザイナー眼鏡です👓 おかげさまでデザインチーム内からnoteを執筆するデザイナーが増えてきたのですが…「イニシャルバッティング問題」が発生したため、今後は各自HNを名乗るようにしました。 是非弊社にご縁があった場合は私の特徴的な眼鏡をご確認してください/// さて！現在私はデザインチーム採用に携わっているのですが、本当に素晴らしい応募を多数いただき、書類選考をしながら刺激をうける今日この頃です。 しかし！素晴らしいポートフォリオながら泣く泣く選考対象外にせざるを得ない場合もあります…それは何か？ 「コーディング経験が無いWEBデザイナーさん」 です。 私もエイシスに入社する前は、分業体制の会社が多かったのですが、エイシスデザイナーは基本的に「デザイン」「コーディング」を行っています。 何故WEBデザイナーがコーデ
2021年のエイプリルフール企画がTwitterにて複数トレンド入りしました///｜viviON Design
嘘のような本当のお話エイプリルフールに突如開始した本ブログ… そんな中弊社も年間行事の一環でエイプリルフール当日に嘘LPをリリースしております♪今年も予想以上の反響をいただきました。 npm_run_April_2021_result... loading.. ・Twitter「コミック・トレンド」入り ・Twitter「日本のトレンド」4冠達成詳細な数字は割愛いたしますが、 弊社サービス名のオーガニック投稿数約2.5倍を達成しました！ 本企画は、広告やメルマガは一切打たず、ツイッターやサービスのバナーからの参加が多かったのですが… トレンド入りした要因も本記事の末尾にまとめたいと思います…！ そんな気になる今回のエイプリルフール企画は 「DLsite課金チェッカー」です。 https://www.dlsite.com/home/checker 著名ゲームメディアのINSIDE様にも取り上
「viviONのデザイナーってぶっちゃけオタクなの！？」デザインチーム内で調査してみた｜viviON Design
こんにちは！デザインチームの遊木です。 ３月某日は推し（2次元）の誕生日だったので、オーダーメイドのバースデーケーキを買って豪華な誕生祭を行いました！自分の誕生日よりもお金をかけました（笑） …さて、話は変わりますが、viviONは二次元のオタクにフォーカスを当てて、「すべての二次元オタクを幸せにする」ということをミッションに掲げ、クリエイター/ユーザーの双方が幸せになれるサービスを展開しています。 オタクに優しいサービスって魅力的ですよね。 簡単に当社のミッションについてお話しましたが、viviONに興味を持つ人は気になるのではないでしょうか…？ 「ぶっちゃけviviONのデザイナーって本当にオタクなの？」 実は私も入社前は「viviONってオタク向けのサービス作ってるってサイトでみたけど、本当にオタクの人が働いてるの…？」ということを思ってました（汗） オタクについての調査結果vivi
こんにちは！デザインチームの遊木です。 早いもので今年も残り1ヶ月を切りましたね…。11月、12月は推しジャンルのイベントがてんこ盛りで財布が悲鳴をあげています。。 時期的にこれから就職・転職を控えている方も多いかと思いますが、デザイン業界への就職を希望されている方の中には「UI/UXデザイナーって忙しいんじゃないの…！？」と思っている方も少なくないのではないでしょうか？（私も実際にそう思ってました） そんな疑問を抱えている方に向けて、私含むエイシスのUI/UXデザイナー2名のタイムスケジュールを紹介したいと思います。 遊木の場合 遊木（UI/UXデザイナー） フルリモート 07:30：起床・家事・運動 ついつい夜更かしをしてしまってアラーム1回では起きられないので、スヌーズ機能をつけてやっと起床してます。 出勤までに家の掃除や洗濯などを済ませてからフィットボクシングをやるのが最近のルーテ
「Cubism SDK for Web」を使ってWeb上で動かせるLive2Dモデルを表示させてみた｜viviON Design
こんにちは。ちいかわ大好きデザイナーのせっきーです。 先日公開されたこちらのキャンペーンページでは、Live2Dのソフトウェア開発キット「Cubism SDK for Web」を使ってLive2Dモデルを表示しています。 マウス追従で視線誘導や身体の揺れなどが確認できる本記事ではそのCubism SDK for Webを使ってWeb上で動かせるLive2Dモデルを表示する手順をご紹介します。 ○前準備・Live2Dモデルの組み込み用データを用意する Live2D Editorの「組込み用ファイル書き出し」で書き出されたデータ一式を使用します。 ・Cubism SDK for Webをダウンロードする 今回は公式が用意しているサンプルデモSamples\TypeScript\Demoを流用して作成します。 ・開発環境構築 Node.jsとVisual Studio Codeなどのエディタをイ
こんにちは、デザイナーのサバ缶です。 最近デザインチームに新しい方が二人入社しました！趣味の合う方もいて今後お話するのがとても楽しみです🎉 エイシスでは同人活動に関わる様々なサービスを展開する「トリオキニ」を運営しています。 そのトリオキニから派生した「トリオラボ」というメディアサイトに、会話っぽいコンテンツを追加した際のプロセスをご紹介したいと思います。 トリオラボとは、「同人界の「はてな」をさぐって、その「答え」を皆様にお届けしていきます。」というのがコンセプトの、同人界にまつわる様々な情報をお伝えするメディアサイトです。 同人活動に興味のある方、ぜひのぞいてみてください！きっと有益な情報がありますよ！ トリオラボについては過去の記事で詳しくお話していますので、よかったらチェックしてみてください！ デザインについて今回追加した会話風デザインがこちらになります。 ブログサイトなどでよく
こんにちは！最近寒過ぎて布団から出られなくて奮闘している遊木（ゆき）です。今回はviviON社内で行っている1on1についてお伝えしたいと思います。 1on1とは1on1 とは、上司と部下で定期的に行う面談のことを指します。近年ではYahoo !やソフトバンク・テクノロジーなど大手企業が導入していることでも有名になりました。viviONでは三年ほど前から導入しています。 1on1の目的簡潔に述べると、1on1の目的は「上司と部下の信頼性を築き、個人のパフォーマンスを向上させること」です。 特にリモートワークが普及している今、チームメンバーや上司とコミュニケーションを取る機会が減ったという方は多いと思います。 そのような中で上司は「チームメンバーがどのような課題を抱えているのか」「仕事をする中で不安に感じていることやモヤモヤしていることはないか」などが普段の業務の中では把握しづらくなっていま
「このマンガ、海外の人にも読んでほしいな…！」海外の有志に翻訳を手伝ってもらう超画期的な取り組みとは？｜viviON Design
こんにちは、機界戦隊ゼンカイジャーが最終回を迎えてしまいロスが半端ないデザイナーのサバ缶です😭 今回はDLsiteの画期的新サービスである「みんなで翻訳」についての記事です！ 「みんなで翻訳」って？ クリエイターの許諾を得たマンガ作品について誰でも翻訳をおこなえるサービスです。 サービスに登録した翻訳者がWEB上でマンガの翻訳を行い、完成された翻訳作品を「DLsite」が販売し、その収益をマンガのクリエイターと翻訳者の双方に分配するという、まさにマンガのクリエイターと翻訳者にとってwin-winのサービスです！ サービスの概要をサクッと確認できますので、ぜひこちらの動画をご覧ください！ サービス開始後の効果は？2021年11月にサービスを開始して以来、非常に多くの方々にご利用いただいております。 数値の一部を少しだけ公開します！ ・公開作品：1229！！ ・翻訳者登録数：1860！！ ・
所属チーム以外のメンバーとのコミュニケーションに悩んでいる方へ（アフター６編）｜viviON Design
こんにちは！最近同姓のデザイナーが入社し呼び方についてきゃっきゃ悩んでいるデザイナーの眼鏡です。 前回の「部活編」に続きますが、皆さんは「自分の所属するチーム以外に新入社員が入社した際」どういったコミュニケーションをとっていますか？ viviONでは取り組みの一つとして「アフター６」という制度があります。 「当社にも導入してみようかな？」なんてきっかけになれば嬉しいです。 定時後の交流で1人1000円活動費を支給！ アフター６とは会社の福利厚生のひとつで、「従業員の交流を目的として、自主的な社外余暇活動に対して会社が一定額の助成を行う制度」です。 ※対象は全従業員（契約&アルバイト含）となります♪ 支給の条件としては、とてもシンプルです。 １．参加人数4人以上。 （フルリモートの方も当日朝から出社していれば問題なく参加可能！） ２．社内チャットで参加者を募る。（誰でも参加可能な状態にする）
こんにちは、最近なぜか冷凍庫に牛タンがあふれているデザイナーのS改めせっきーです。 会社に属していると 「会社はどこを目指しているのか」 「チームで目標は設定されているけど、それに向けて自分は何を頑張るべきなのか」 「自分はどのぐらい目標を達成できているのか」 などで悩んでしまう時があると思います。ない方はブラウザバック！ｼｯｼｯ エイシスではそんな問題を解決するためにOKRを導入しています。 OKRとは目標と成果指標の管理手法のひとつOKRとはObjectives and Key Resultsの略で直訳すると「目標と主な結果」になります。…主な結果…なにそれ…？（※） ※主な結果＝成果指標＝目標達成のための目印のようなもの 通常の目標設定とOKRの大きな違いは「目標と主な結果」の言葉にもある通り、主な結果＝成果指標＝目標達成のための目印のようなものも評価、管理できる点です。 Googl
ECサイトの新規会員を増やす！UXリサーチで作品詳細ページの最適解を見つける -ユーザーテスト-｜viviON Design
こんにちは！ようやくPS5の抽選に当選しましたが「エルデンリ○グ」はプレイせず、大量の積みゲーしていたPS4タイトルを貪っている眼鏡です。 今回はデザインチームにUXリサーチチームが発足してから二回目のユーザーテストを行い、問題点の改修を行った話になります！ ECサイトに携わっているデザイナーなら有意義な内容になるかと存じます！※もちろん無料記事です。 📝まずはユーザーテストについてユーザーテストとは、製品やサービスなどの利用文脈やユーザー体験について調査し明らかにすることです。ユーザーテストの「概要」や「第一回のテスト結果～改修」について記事にしておりますので、こちらからご確認ください。 💁今回のテーマは作品（商品）詳細ページですテストを行う背景は弊社サービスのDLsiteのユーザーインタビューで 「クーポンの利用条件の説明が不足している」が浮き彫りになったためです。 ※問題となった
こんにちは！ デザインチームの山下です。 今回はDLsiteのハンバーガーメニューのUIのデザインを変更した件について紹介していきたいと思います。 ハンバーガーメニューってなんぞや？まずハンバーガーメニューって何のこと？ってところですが、ここを開いた時のメニューのことです。ハンバーガーの種類やドリンクとかが載っているメニューのことではないです。 大体どのサイトでも見かけますよね。 横線3つがバーガーっぽいことから、ここのボタンを押すと出てくるメニューのことをハンバーガーメニューと呼ばれています。 DLsiteのハンバーガーメニューは？リニューアル前はこんな感じでした。 ………長！！！！！！！！ 項目の在りどころも、新規ユーザーにはわかりにくい箇所や、情報がまとまっていないところがあります。 浮かび上がる数々の疑問点…………… なぜこうなってしまったのか？「買った作品はどこから見えるか？」が
UIは気軽に相談できる環境が大事！ASMRアプリのプレイリスト改修を例にご紹介｜viviON Design
はじめまして！デザイナーの古賀と申します。昨年末からZOWAというASMR動画アプリのデザイン担当をやっています。 今回の記事ではZOWAチームで継続的に行っているアプリ改善の、リアルな進め方をお伝えできればと思います！その一例として、プレイリスト機能のUIを改修した際についてご紹介します。 ZOWAってどんなアプリ？ZOWAとはASMRコンテンツに特化した動画視聴アプリです。メジャージャンルに留まらない様々なASMRを、広告無しで楽しめます。ユーザーさんはお気に入りのASMRでプレイリストを作るなどして楽しんでくださっています。 今回の改修内容 元々ZOWAにはプレイリスト機能があるのですが、 ・自分で作成したプレイリストが削除できないので管理がし辛い。 ・作成したプレイリストは他のユーザーさんも見れるので、恥ずかしいものは作れない。 といった課題があり、「①プレイリスト削除機能」「②非
こんにちは。 機界戦隊ゼンカイジャーにハマりすぎてヒーローショーに行きまくっているデザイナーのサバ缶です。 今回はviviONのデザインチームで行っている「デザイン振り返り会」についてご紹介したいと思います！ デザイン振り返り会って？viviONのデザインチームでは、担当した案件を振り返る「デザイン振り返り会」を毎週おこなっています。 どの案件を振り返り対象とするかは発表者が自分で決めて、毎週2人ずつローテーションで回しています。 振り返る案件はUI改修案件が主ですが、他にもロゴ・DTP・LP制作案件など多岐にわたります。 良かった点や反省点などを発表し、得た知見や次に活かせる点をデザインチーム内で共有しています。 👇次からは具体的な例を見ていきたいと思います。 何をするの？ 担当案件について、ざっくりですが下記のような構成で振り返り記事を書きます。 （人によってはもっと粒度が細かい構成
こんにちは、最近日本酒は瓶ごと行くデザイナーのせっきーです。 デザインチームでは有志が集まって隔週に1度、2時間、デザイン勉強会を全5回開催しました。チーム内での交流、デザインスキルやファシリテート能力の向上が主な目的です。 Webデザインに関係するお題を事前に決め、当日までにこなし、勉強会当日に発表、その後最適解を導き出すという形式です。 当日は会議室に集まってみんなでプロジェクターを使って発表…といきたいところですが、いまはコロナ禍。テレワークの社員も多いので全員が集まることが難しい状況です。 そこで、私たちはこの勉強会をすべてリモート上で行うことにしました。本記事では勉強会に取り組んだ際の進め方や気づきなどをお伝えします。 事前準備お題の決定や勉強会当日のファシリテーターを務める「進行役」を2名決めます。進行役は勉強会ごとにローテーションさせます。 2名選出する理由は、勉強会参加者が
こんにちは、デザインチームのSSです。 当社にUXリサーチチームが発足してから初めてユーザーテストを行い、決済ページの改修を行った話をします。 ユーザーテスト実施 遡ること1年くらい前、当社にUXリサーチチームが誕生しました。 マーケティング・ディレクション・デザインチームから各2～3名で構成。 右も左もわからない中、外部調査会社ご協力のもと、ユーザーテストを2回実施しました。 📝UXリサーチとは 製品やサービスなどの利用文脈やユーザー体験について調査し明らかにすることです。 ユーザーインタビュー・ユーザーテストなどの手法を使って集めたデータから分析を行い、ユーザーが持っている課題・ニーズを理解して解決策を見つけ出し、サービス改善の意思決定に活用します。1回目は、DLsiteに初めて訪問したユーザーが、サイト内をどう回遊し、購入に至るのかのユーザーテストを行いました。 その結果、いくつか
こんにちは！デザインチームの眼鏡担当です。 緊急事態宣言中にすっかり夏も終わりを迎えそうで秋服ポチポチに余念がありません。 さて！ 本記事にアクセスしたということは…少なくともユーザーテストに興味があったり、会社に導入しようか考えている方も多いのではないでしょうか？ 「導入したくなった！」「社内だけで出来るなら試してみようかな？」っと何かのきっかけになれば幸いです。 ※以前公開したユーザーテストの記事もPR 今回は表題にあるとおり 「ユーザーテストとは何ぞや？」 「なんでユーザーテストを導入したのか？」 「最初はどんなテストを行ったか？」 を記事にしたいと思います。 ユーザーテストとは何ぞや？どんなことをチェックするのかな？できるだけ砕いて説明させていただきますと 😃仮説検証のため、複数のユーザーに製品やサービスを使っていただき、操作の過程を観察することで利用実態を把握する。 ↓ からの
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーのテレワーク環境をご紹介！｜viviON Design
所属チーム以外のメンバーとコミュニケーションに悩んでいる方へ（部活編）｜viviON Design
【HTML】WEBサイトを読みやすくするカーニング方法まとめ【CSS】｜viviON Design
自社の同人活動サポートサービス「トリオキニ」を紹介します！｜viviON Design
漫画作品のロゴデザインや表紙ってどうやって作るの？｜viviON Design
UIデザインにおける100のルールを学ぶ【社内勉強会】｜viviON Design
WEBデザイナーがコーディングまで担当する理由って何だと思いますか？｜viviON Design
UI/UXデザイナーの1日｜viviON Design
自社のメディアコンテンツに会話っぽいデザインを追加してみた｜viviON Design
デザイナーに1on1って必要？私たちのやり方をご紹介！｜viviON Design
OKRとは？ - デザインチームの取り組み -｜viviON Design
古のDLsiteのハンバーガーメニューのUIをリニューアルしたお話｜viviON Design
viviONデザインチームの取り組み「デザイン振り返り会」｜viviON Design
デザイン勉強会をリモートで開催しました｜viviON Design
UXリサーチで決済ページの最適解を見つける-初めてのユーザーテスト-｜viviON Design
サイトの弱点が浮き彫りになる「ユーザーテスト」とは何ぞや？｜viviON Design