つちだ@Webディレクター

ゲームのUIデザイナーから、業界未経験でwebディレクターに転職しました!

つちだ@Webディレクター

ゲームのUIデザイナーから、業界未経験でwebディレクターに転職しました!

マガジン

最近の記事

タスクの抜け漏れを防ぐには

リマインダーを活用するしかないwebディレクターになって半年が過ぎ、 担当案件数が、常に20個前後ある状態になりました。 数が増えるにつれて1案件に使える時間が少なくなり、自分のタスクの抜け漏れや、ギリギリで素材が届いてないことに気付くなどポカミスを連発するようになりました。 このままではいけないと思い、次の管理方法を徹底するようにしました。 リマインダーアプリを使う Apple純正のリマインダーアプリを使用し、タスクやスケジュールは全てこの中に突っ込むようにしていま

    • 良かったサイト(1/15〜20)

      カルーセルアニメが気持ち良いです 動きの気持ちよさって大事だなと思いました サイト全体がアートに振り切った感じですごく良いです 「なんか面白そう」と思わせてくれます アニプレックスから突如公開されたOとMのサイト なんのサイトなのか考察する人が多数現れ、話題になりました 現在は物語シリーズのサイトにリダイレクトされるようになっています 画面下部にメニューが付いてるのが良いと思いました スマホ時はこの方が操作しやすいです

      • webディレクター週報 1/8〜1/14

        今週の振り返り年明けすぐ動く案件の連絡でバタバタしていました。 年末の気の緩みが原因と反省…。 年始から始まるからまぁいっかで放っておくと痛い目見るので、来年は巻きのスケジュールで行動するようにします。 また、大規模案件の公開作業があり、かなり緊張しました。 ディレクターのできることと言えば最終確認とお客様への連絡程度なので、緊張しててもしゃーないんですが『もしサイトが開かなかったらどうしよう…何か事故ったらどうしよう…』とドキドキでした。(無事公開されました。) 今週の

        • 良いなと思ったサイト #12

          ダンスの専門学校|神戸・甲陽音楽&ダンス専門学校 サイトの色々なところに絵文字を使っているのが、 専門学校を検討している世代に 親近感を与えられるようなデザインになっていて 良いなと思いました! 黒色のゴシック体+手描き文字の構成が インスタのストーリーのような感じに見えるのも 良いなと思いました

        タスクの抜け漏れを防ぐには

        マガジン

        • webディレクターの勉強日記
          11本
        • 良いなと思ったサイト
          13本

        記事

          webディレクターを1ヶ月半やってみて

          5月中旬に未経験入社してから1ヶ月半が経ち、 担当した案件が公開され、 仕事内容にもだいぶ慣れてきました。 この1ヶ月半でできるようになったこと、 逆にまだできないこと、これからの課題 を記録しておこうと思います。 ①できるようになったこと【議事録作成】 入社1ヶ月くらいまでは サイト制作の仕組みが分かっていなかったせいか、 内容を勘違いして記載していたり 制作において大事なポイントを記載し忘れていたり 議事録1つ取るのにもかなり苦労しました。 入社してから常に色んな会

          webディレクターを1ヶ月半やってみて

          良いなと思ったサイト #11

          ①メインビジュアルの配置がオシャレ配置している要素は複雑じゃないのに、 物足りなさを感じず、おしゃれにまとまっていると 思います。 このおしゃれさの言語化が難しいのですが、 各要素の重なりによってレイアウトにインパクトが 出ているのかなと思います。 NEXT IMAGEの色が反転しているなど、 面白い仕掛けがしてあって良いなと思いました。 ②ニュースの時刻表示が斬新ニュースの見出しの横に現在時刻が表示されていて、 どうしてなんだろうと不思議に思いました。 ニュースが頻

          良いなと思ったサイト #11

          良いなと思ったサイト #10

          見た目的な誘導のくどさが無いこういった会員登録を誘導させるようなページの場合、 登録ボタンがやけにキラキラしていたり アニメーションで強調されていたりなど どうしてもくどいような、うざったいような印象を 持つことが多いのですが、 このサイトの場合、登録ボタンの派手な主張が無いため 落ち着いてサイトを見ることができると思いました。 落ち着いた色合いと適度な余白感が心地よい青緑ベースの柔らかい雰囲気と、 情報を詰め込みすぎない画面設計に心地よさを感じました。 また、アニメーシ

          良いなと思ったサイト #10

          サブドメイン サブディレクトリってなんだ?【業界未経験のwebディレクター】

          (comの後ろにスラッシュつけ忘れました…) お客様とやり取りする中でサブドメイン サブディレクトリはよく出てくるのですが、毎回どっちがどっちだっけ…となっていたので簡単に図解しました。 サブドメインは、アニメ版のサイトと映画版のサイトなど、同じ作品でも系統が違うような時に使われている印象です。

          サブドメイン サブディレクトリってなんだ?【業界未経験のwebディレクター】

          FTP SFTPってなんだ?【業界未経験のwebディレクター】

          FTP SFTPってなんだ?【業界未経験のwebディレクター】

          良いなと思ったサイト #9

          ステッカーの絵柄の紹介部分が左右にスクロールしているので、たくさんの種類を一気に見ることができて良いなと思いました。 28種をそのまま並べて見せるのではなく、アニメーションで見せるアイデアは自分の仕事にも活かしたいなと思いました。 また、たくさんのイラストがサイトに並ぶのでごちゃごちゃしたい印象になりがちなところを、白とオレンジのシンプルな色使いで引き算しているのも良いと思いました。 ボタンや文字などの装飾はベタ塗りで統一されており、スッキリして見えるのですが、そこに左右ス

          良いなと思ったサイト #9

          webディレクターのワイヤーフレーム作成とは

          webディレクターの作るワイヤーフレームにはどんなことが求められているのか、3週間の実務の中でなんとなく分かってきたので、現時点での考えや注意点をまとめておこうと思います。 デザインしない 自分の前職がデザイナーだったこともあり、ディレクターになって初めてのワイヤーフレーム作成では、デザインを意識しすぎてしまい、極端に作業時間がかかっていました。 自分の次にデザイナーさんが作業するんだと思うと、少しでもワイヤーの意図を汲んでもらおうとしてしまい、文字の大きさを1pt単位

          webディレクターのワイヤーフレーム作成とは

          冗長化ってなんだ? 【業界未経験のwebディレクター #7】

          システムエンジニアさんと話す機会が増え、「冗長化」という単語を何度か聞くようになったので、自分の中で改めて整理しておこうと思います。 冗長化の意味は? 冗長化のざっくりとした意味は、分割して設計することです。 例えばシステムエンジニアさんが、「このサーバーは◯◯とXXというツールを使用して冗長化しています」と言った時、私たちは「このサーバーは◯◯とXXで分割してるんだな〜」と理解することができます。 冗長化する理由は? なぜ冗長化をするのかというと、複数に分割して設

          冗長化ってなんだ? 【業界未経験のwebディレクター #7】

          良いなと思ったサイト #8

          キャラクター詳細ページにあるメニューが良い キャラクター詳細ページの見出しのすぐ下にある、ハンバーガーメニューの使い勝手が良いなと思いました。 このハンバーガーを押すとキャラクター一覧にすぐ戻れるので、ユーザがブラウザの戻るボタンを押す必要がなく、操作がスムーズで良いなと思いました。 スタッフの吹き出しコメントが面白い スタッフの名前の横に吹き出しマークがあるのですが、ここを押すとスタッフコメントが表示されるようになっていて、面白いなと思いました。 スタッフを一覧で見

          良いなと思ったサイト #8

          webディレクターを2週間やってみて

          業界未経験でWebディレクターとして入社して、2週間が経ったので、入社してからの感想を記録しておきたいと思います。 なぜか時間が足りない 私が今やっているwebディレクターの仕事は、会議に参加して議事録を作成したり、お客様とメールやslackでやりとりをしたり、簡単なワイヤー作成をするなど、そんなに難しい事はまだしていないはずなのですが、以前いたゲーム会社よりも圧倒的に時間が足りないなと感じます。 入社する前、社長が「ディレクターの仕事は目に見えないところが多く評価され

          webディレクターを2週間やってみて

          良いなと思ったサイト #7

          ジャンル:RPG 雰囲気:かっこいい、おしゃれ ① 音楽を好きに変えられるのが良いと思った画面上部の音符マークの隣で、再生する楽曲を選択することができます。 世界観を構築する上で音楽というのはかなり重要な要素だと思っているので、音楽機能がついているのは良いなと思いました。 ただ、音楽を切り替えたときにぶつっと音が切れてしまうので、 音の始めと終わりをフェードインアウトさせて、 なめらかに移行できるようになっているともっと良いなと思いました。 (実際の作業工数がわからない

          良いなと思ったサイト #7

          良いなと思ったサイト #6

          https://memes.crypko.ai/ トップページの構成About | Creators | Twitter | Spec 良いと思ったところ1. キービジュアルが背景として固定されているのが面白い 画面をスクロールすると、キービジュアルの女の子の画像の上に各説明のウインドウが重なるデザインになっています。 1つのリソースで女の子の存在を常に強調することができるので、良いデザインだなと思いました。 2. 音楽のオン・オフにフェードインアウトが入っていて、

          良いなと思ったサイト #6