こんにちは！デザイナーのくまさんです。 私はデザインチームで 装丁デザイナーとして働いています！ viviONグループではオリジナル漫画作品の制作も行っており、その表紙を制作するのが主なお仕事となります。 “装丁”は一般的には書籍のデザインのことを指しますが、viviONでは便宜上作品の顔となるデザイン全般のことを指しています！ 今回は、漫画作品の表紙はどのように制作されるのかをご紹介させて頂きます！ 取り上げさせて頂く作品はこちら！ 「ステイアットスイートホーム」  著：内谷あらすじ 栄養士として働きながら、婚活に焦る御幸叶子 27歳。 叶えたい夢…それは、専業主婦になること！憧れの母のように愛する人を支え、家族が帰る場所を守ることが叶子の夢だった。 ある日、落ちてきた木材から咄嗟に身を守ってくれた工事現場の作業員・安堂のたくましさに一目惚れ！優しい彼を支えるお嫁さんになりたい…でも、そ

2022年4月1日、viviONでは会社設立して初。記念すべき、新卒第1期となるメンバーが入社してくれました🎉 受付では、桜の装飾がほどこされた画面で、みなさんをお出迎え。 エントランス前で、新卒社員3名で記念撮影も行いました。 入社当日のお昼は、新卒社員3名と、代表・明石＆取締役・藤井の合計５名で歓迎ランチに行ってきました！ ランチでは打ち解けて、和気あいあいとした雰囲気になりました！ 豪華なランチで、揚げたての天ぷらは好評でしたね。 新卒メンバーへ、エールの言葉を送ります！経営陣と各GMからエールの言葉が寄せられました。 代表取締役：明石 耕作ご入社おめでとうございます！ 既にみなさんインターンとして活躍されてたので、新卒という感じがしないのですが、前回ランチに行ってviviONの「オタクを幸せにする」というミッションに共感して入社してもらっているのを感じました。 関わる方だけでもな

こんにちは！デザインチームの遊木です。 ３月某日は推し（2次元）の誕生日だったので、オーダーメイドのバースデーケーキを買って豪華な誕生祭を行いました！自分の誕生日よりもお金をかけました（笑） …さて、話は変わりますが、viviONは二次元のオタクにフォーカスを当てて、「すべての二次元オタクを幸せにする」ということをミッションに掲げ、クリエイター/ユーザーの双方が幸せになれるサービスを展開しています。 オタクに優しいサービスって魅力的ですよね。 簡単に当社のミッションについてお話しましたが、viviONに興味を持つ人は気になるのではないでしょうか…？ 「ぶっちゃけviviONのデザイナーって本当にオタクなの？」 実は私も入社前は「viviONってオタク向けのサービス作ってるってサイトでみたけど、本当にオタクの人が働いてるの…？」ということを思ってました（汗） オタクについての調査結果vivi

こんにちは！ようやくPS5の抽選に当選しましたが「エルデンリ○グ」はプレイせず、大量の積みゲーしていたPS4タイトルを貪っている眼鏡です。 今回はデザインチームにUXリサーチチームが発足してから二回目のユーザーテストを行い、問題点の改修を行った話になります！ ECサイトに携わっているデザイナーなら有意義な内容になるかと存じます！※もちろん無料記事です。 📝まずはユーザーテストについてユーザーテストとは、製品やサービスなどの利用文脈やユーザー体験について調査し明らかにすることです。ユーザーテストの「概要」や「第一回のテスト結果～改修」について記事にしておりますので、こちらからご確認ください。 💁今回のテーマは作品（商品）詳細ページですテストを行う背景は弊社サービスのDLsiteのユーザーインタビューで 「クーポンの利用条件の説明が不足している」が浮き彫りになったためです。 ※問題となった

こんにちは。ちいかわ大好きデザイナーのせっきーです。 先日公開されたこちらのキャンペーンページでは、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などのエディタをイ

こんにちは、機界戦隊ゼンカイジャーが最終回を迎えてしまいロスが半端ないデザイナーのサバ缶です😭 今回はDLsiteの画期的新サービスである「みんなで翻訳」についての記事です！ 「みんなで翻訳」って？ クリエイターの許諾を得たマンガ作品について誰でも翻訳をおこなえるサービスです。 サービスに登録した翻訳者がWEB上でマンガの翻訳を行い、完成された翻訳作品を「DLsite」が販売し、その収益をマンガのクリエイターと翻訳者の双方に分配するという、まさにマンガのクリエイターと翻訳者にとってwin-winのサービスです！ サービスの概要をサクッと確認できますので、ぜひこちらの動画をご覧ください！ サービス開始後の効果は？2021年11月にサービスを開始して以来、非常に多くの方々にご利用いただいております。 数値の一部を少しだけ公開します！ ・公開作品：1229！！ ・翻訳者登録数：1860！！ ・

こんにちは！最近寒過ぎて布団から出られなくて奮闘している遊木（ゆき）です。今回はviviON社内で行っている1on1についてお伝えしたいと思います。 1on1とは1on1 とは、上司と部下で定期的に行う面談のことを指します。近年ではYahoo !やソフトバンク・テクノロジーなど大手企業が導入していることでも有名になりました。viviONでは三年ほど前から導入しています。 1on1の目的簡潔に述べると、1on1の目的は「上司と部下の信頼性を築き、個人のパフォーマンスを向上させること」です。 特にリモートワークが普及している今、チームメンバーや上司とコミュニケーションを取る機会が減ったという方は多いと思います。 そのような中で上司は「チームメンバーがどのような課題を抱えているのか」「仕事をする中で不安に感じていることやモヤモヤしていることはないか」などが普段の業務の中では把握しづらくなっていま

こんにちは。 機界戦隊ゼンカイジャーにハマりすぎてヒーローショーに行きまくっているデザイナーのサバ缶です。 今回はviviONのデザインチームで行っている「デザイン振り返り会」についてご紹介したいと思います！ デザイン振り返り会って？viviONのデザインチームでは、担当した案件を振り返る「デザイン振り返り会」を毎週おこなっています。 どの案件を振り返り対象とするかは発表者が自分で決めて、毎週2人ずつローテーションで回しています。 振り返る案件はUI改修案件が主ですが、他にもロゴ・DTP・LP制作案件など多岐にわたります。 良かった点や反省点などを発表し、得た知見や次に活かせる点をデザインチーム内で共有しています。 👇次からは具体的な例を見ていきたいと思います。 何をするの？ 担当案件について、ざっくりですが下記のような構成で振り返り記事を書きます。 （人によってはもっと粒度が細かい構成

こんにちは！デザインチームの遊木です。 早いもので今年も残り1ヶ月を切りましたね…。11月、12月は推しジャンルのイベントがてんこ盛りで財布が悲鳴をあげています。。 時期的にこれから就職・転職を控えている方も多いかと思いますが、デザイン業界への就職を希望されている方の中には「UI/UXデザイナーって忙しいんじゃないの…！？」と思っている方も少なくないのではないでしょうか？（私も実際にそう思ってました） そんな疑問を抱えている方に向けて、私含むエイシスのUI/UXデザイナー2名のタイムスケジュールを紹介したいと思います。 遊木の場合 遊木（UI/UXデザイナー）　フルリモート 07:30：起床・家事・運動 ついつい夜更かしをしてしまってアラーム1回では起きられないので、スヌーズ機能をつけてやっと起床してます。 出勤までに家の掃除や洗濯などを済ませてからフィットボクシングをやるのが最近のルーテ

こんにちは！ デザインチームの山下です。 今回はDLsiteのハンバーガーメニューのUIのデザインを変更した件について紹介していきたいと思います。 ハンバーガーメニューってなんぞや？まずハンバーガーメニューって何のこと？ってところですが、ここを開いた時のメニューのことです。ハンバーガーの種類やドリンクとかが載っているメニューのことではないです。 大体どのサイトでも見かけますよね。 横線3つがバーガーっぽいことから、ここのボタンを押すと出てくるメニューのことをハンバーガーメニューと呼ばれています。 DLsiteのハンバーガーメニューは？リニューアル前はこんな感じでした。 ………長！！！！！！！！ 項目の在りどころも、新規ユーザーにはわかりにくい箇所や、情報がまとまっていないところがあります。 浮かび上がる数々の疑問点…………… なぜこうなってしまったのか？「買った作品はどこから見えるか？」が

こんにちは！デザインチームの眼鏡担当です。 緊急事態宣言中にすっかり夏も終わりを迎えそうで秋服ポチポチに余念がありません。 さて！ 本記事にアクセスしたということは…少なくともユーザーテストに興味があったり、会社に導入しようか考えている方も多いのではないでしょうか？ 「導入したくなった！」「社内だけで出来るなら試してみようかな？」っと何かのきっかけになれば幸いです。 ※以前公開したユーザーテストの記事もPR 今回は表題にあるとおり 「ユーザーテストとは何ぞや？」 「なんでユーザーテストを導入したのか？」 「最初はどんなテストを行ったか？」 を記事にしたいと思います。 ユーザーテストとは何ぞや？どんなことをチェックするのかな？できるだけ砕いて説明させていただきますと 😃仮説検証のため、複数のユーザーに製品やサービスを使っていただき、操作の過程を観察することで利用実態を把握する。 ↓　からの

こんにちは、デザインチームのSSです。 当社にUXリサーチチームが発足してから初めてユーザーテストを行い、決済ページの改修を行った話をします。 ユーザーテスト実施 遡ること1年くらい前、当社にUXリサーチチームが誕生しました。 マーケティング・ディレクション・デザインチームから各2～3名で構成。 右も左もわからない中、外部調査会社ご協力のもと、ユーザーテストを2回実施しました。 📝UXリサーチとは 製品やサービスなどの利用文脈やユーザー体験について調査し明らかにすることです。 ユーザーインタビュー・ユーザーテストなどの手法を使って集めたデータから分析を行い、ユーザーが持っている課題・ニーズを理解して解決策を見つけ出し、サービス改善の意思決定に活用します。1回目は、DLsiteに初めて訪問したユーザーが、サイト内をどう回遊し、購入に至るのかのユーザーテストを行いました。 その結果、いくつか

「DLsite comipo」は国内最大級の二次元総合ダウンロード販売サイトを運営するDLsiteが4月からスタートした新サービスです。 noteではサービス開始に向けてデザイン側でどのような制作を行ってきたのかを第3回に分けて紹介してきました。 第1回目はDLsite comipoができるまでのロゴの制作プロセスについて 今回はDLsite comipoリリースに向けたデザインの紹介は第3回目(最終)ということで、ECサイトの要である商品陳列部分のUIについて詳しく解説していきたいと思います！ ユーザーはどこを重視して探すか？ コンテンツを探すときの表示方法は大体1列表示とタイル表示に分けられます。 説明が多く入れられる1列表示は主に「内容を重視」して探すユーザーに求められ（例：書籍(小説)のECサイト、求人サイトなど） 商品の画像がわかりやすいタイル表示では「見た目を重視」して探すユー

「DLsite comipo」は国内最大級の二次元総合ダウンロード販売サイトを運営するDLsiteが4月からスタートした新サービスです。 Eisys Design noteではDLsite comipoのリリースに向けたデザイン周りについてご紹介していきます。 新サービス「DLsite comipo」リリースに向けたデザインのあれこれ vol.01 ロゴ制作のプロセス vol.02 UIデザインのBEFORE/AFTER 編 vol.03 検索結果ページのUI　BEFORE/AFTER 編 第1回目はロゴ制作についてお話ししました！ 気になった方はどうぞ！ サービスを作っていく上でWEBサイトのデザインも必要になってきますが、一体どんな感じで作っているのでしょうか？ 今回はWEBデザイン周りについてご紹介したいと思います。 リニューアル前のデザインを見比べてみる DLsite comipo