つちだ@Webディレクター

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

つちだ@Webディレクター

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

マガジン

記事一覧

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

リマインダーを活用するしかないwebディレクターになって半年が過ぎ、 担当案件数が、常に20個前後ある状態になりました。 数が増えるにつれて1案件に使える時間が少なく…

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

カルーセルアニメが気持ち良いです 動きの気持ちよさって大事だなと思いました サイト全体がアートに振り切った感じですごく良いです 「なんか面白そう」と思わせてくれま…

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

今週の振り返り年明けすぐ動く案件の連絡でバタバタしていました。 年末の気の緩みが原因と反省…。 年始から始まるからまぁいっかで放っておくと痛い目見るので、来年は巻…

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

ダンスの専門学校|神戸・甲陽音楽&ダンス専門学校 サイトの色々なところに絵文字を使っているのが、 専門学校を検討している世代に 親近感を与えられるようなデザインに…

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

5月中旬に未経験入社してから1ヶ月半が経ち、 担当した案件が公開され、 仕事内容にもだいぶ慣れてきました。 この1ヶ月半でできるようになったこと、 逆にまだできないこ…

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

①メインビジュアルの配置がオシャレ配置している要素は複雑じゃないのに、 物足りなさを感じず、おしゃれにまとまっていると 思います。 このおしゃれさの言語化が難しい…

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

見た目的な誘導のくどさが無いこういった会員登録を誘導させるようなページの場合、 登録ボタンがやけにキラキラしていたり アニメーションで強調されていたりなど どうし…

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

(comの後ろにスラッシュつけ忘れました…) お客様とやり取りする中でサブドメイン サブディレクトリはよく出てくるのですが、毎回どっちがどっちだっけ…となっていたので…

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

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

ステッカーの絵柄の紹介部分が左右にスクロールしているので、たくさんの種類を一気に見ることができて良いなと思いました。 28種をそのまま並べて見せるのではなく、アニ…

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

webディレクターの作るワイヤーフレームにはどんなことが求められているのか、3週間の実務の中でなんとなく分かってきたので、現時点での考えや注意点をまとめておこうと思…

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

システムエンジニアさんと話す機会が増え、「冗長化」という単語を何度か聞くようになったので、自分の中で改めて整理しておこうと思います。 冗長化の意味は? 冗長化の…

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

キャラクター詳細ページにあるメニューが良い キャラクター詳細ページの見出しのすぐ下にある、ハンバーガーメニューの使い勝手が良いなと思いました。 このハンバーガー…

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

業界未経験でWebディレクターとして入社して、2週間が経ったので、入社してからの感想を記録しておきたいと思います。 なぜか時間が足りない 私が今やっているwebディレ…

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

ジャンル:RPG 雰囲気:かっこいい、おしゃれ ① 音楽を好きに変えられるのが良いと思った画面上部の音符マークの隣で、再生する楽曲を選択することができます。 世界観を…

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

https://memes.crypko.ai/ トップページの構成About | Creators | Twitter | Spec 良いと思ったところ1. キービジュアルが背景として固定されているのが面白い 画面をス…

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

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

リマインダーを活用するしかないwebディレクターになって半年が過ぎ、
担当案件数が、常に20個前後ある状態になりました。

数が増えるにつれて1案件に使える時間が少なくなり、自分のタスクの抜け漏れや、ギリギリで素材が届いてないことに気付くなどポカミスを連発するようになりました。

このままではいけないと思い、次の管理方法を徹底するようにしました。

リマインダーアプリを使う

Apple純正のリマ

もっとみる
良かったサイト(1/15〜20)

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

カルーセルアニメが気持ち良いです
動きの気持ちよさって大事だなと思いました

サイト全体がアートに振り切った感じですごく良いです
「なんか面白そう」と思わせてくれます

アニプレックスから突如公開されたOとMのサイト
なんのサイトなのか考察する人が多数現れ、話題になりました

現在は物語シリーズのサイトにリダイレクトされるようになっています

画面下部にメニューが付いてるのが良いと思いました
スマ

もっとみる
webディレクター週報 1/8〜1/14

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

今週の振り返り年明けすぐ動く案件の連絡でバタバタしていました。
年末の気の緩みが原因と反省…。
年始から始まるからまぁいっかで放っておくと痛い目見るので、来年は巻きのスケジュールで行動するようにします。

また、大規模案件の公開作業があり、かなり緊張しました。
ディレクターのできることと言えば最終確認とお客様への連絡程度なので、緊張しててもしゃーないんですが『もしサイトが開かなかったらどうしよう…

もっとみる
良いなと思ったサイト #12

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

ダンスの専門学校|神戸・甲陽音楽&ダンス専門学校

サイトの色々なところに絵文字を使っているのが、
専門学校を検討している世代に
親近感を与えられるようなデザインになっていて
良いなと思いました!

黒色のゴシック体+手描き文字の構成が
インスタのストーリーのような感じに見えるのも
良いなと思いました

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

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

5月中旬に未経験入社してから1ヶ月半が経ち、
担当した案件が公開され、
仕事内容にもだいぶ慣れてきました。

この1ヶ月半でできるようになったこと、
逆にまだできないこと、これからの課題
を記録しておこうと思います。

①できるようになったこと【議事録作成】
入社1ヶ月くらいまでは
サイト制作の仕組みが分かっていなかったせいか、
内容を勘違いして記載していたり
制作において大事なポイントを記載し忘

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

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

①メインビジュアルの配置がオシャレ配置している要素は複雑じゃないのに、
物足りなさを感じず、おしゃれにまとまっていると
思います。

このおしゃれさの言語化が難しいのですが、
各要素の重なりによってレイアウトにインパクトが
出ているのかなと思います。

NEXT IMAGEの色が反転しているなど、
面白い仕掛けがしてあって良いなと思いました。

②ニュースの時刻表示が斬新ニュースの見出しの横に現在

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

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

見た目的な誘導のくどさが無いこういった会員登録を誘導させるようなページの場合、
登録ボタンがやけにキラキラしていたり
アニメーションで強調されていたりなど
どうしてもくどいような、うざったいような印象を
持つことが多いのですが、

このサイトの場合、登録ボタンの派手な主張が無いため
落ち着いてサイトを見ることができると思いました。

落ち着いた色合いと適度な余白感が心地よい青緑ベースの柔らかい雰囲

もっとみる

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

(comの後ろにスラッシュつけ忘れました…)

お客様とやり取りする中でサブドメイン サブディレクトリはよく出てくるのですが、毎回どっちがどっちだっけ…となっていたので簡単に図解しました。

サブドメインは、アニメ版のサイトと映画版のサイトなど、同じ作品でも系統が違うような時に使われている印象です。

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

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

ステッカーの絵柄の紹介部分が左右にスクロールしているので、たくさんの種類を一気に見ることができて良いなと思いました。
28種をそのまま並べて見せるのではなく、アニメーションで見せるアイデアは自分の仕事にも活かしたいなと思いました。

また、たくさんのイラストがサイトに並ぶのでごちゃごちゃしたい印象になりがちなところを、白とオレンジのシンプルな色使いで引き算しているのも良いと思いました。
ボタンや文

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

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

webディレクターの作るワイヤーフレームにはどんなことが求められているのか、3週間の実務の中でなんとなく分かってきたので、現時点での考えや注意点をまとめておこうと思います。

デザインしない

自分の前職がデザイナーだったこともあり、ディレクターになって初めてのワイヤーフレーム作成では、デザインを意識しすぎてしまい、極端に作業時間がかかっていました。

自分の次にデザイナーさんが作業するんだと思う

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

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

システムエンジニアさんと話す機会が増え、「冗長化」という単語を何度か聞くようになったので、自分の中で改めて整理しておこうと思います。

冗長化の意味は?

冗長化のざっくりとした意味は、分割して設計することです。

例えばシステムエンジニアさんが、「このサーバーは◯◯とXXというツールを使用して冗長化しています」と言った時、私たちは「このサーバーは◯◯とXXで分割してるんだな〜」と理解することがで

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

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

キャラクター詳細ページにあるメニューが良い

キャラクター詳細ページの見出しのすぐ下にある、ハンバーガーメニューの使い勝手が良いなと思いました。
このハンバーガーを押すとキャラクター一覧にすぐ戻れるので、ユーザがブラウザの戻るボタンを押す必要がなく、操作がスムーズで良いなと思いました。

スタッフの吹き出しコメントが面白い

スタッフの名前の横に吹き出しマークがあるのですが、ここを押すとスタッフコ

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

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

業界未経験でWebディレクターとして入社して、2週間が経ったので、入社してからの感想を記録しておきたいと思います。

なぜか時間が足りない

私が今やっているwebディレクターの仕事は、会議に参加して議事録を作成したり、お客様とメールやslackでやりとりをしたり、簡単なワイヤー作成をするなど、そんなに難しい事はまだしていないはずなのですが、以前いたゲーム会社よりも圧倒的に時間が足りないなと感じま

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

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

ジャンル:RPG
雰囲気:かっこいい、おしゃれ

① 音楽を好きに変えられるのが良いと思った画面上部の音符マークの隣で、再生する楽曲を選択することができます。
世界観を構築する上で音楽というのはかなり重要な要素だと思っているので、音楽機能がついているのは良いなと思いました。

ただ、音楽を切り替えたときにぶつっと音が切れてしまうので、
音の始めと終わりをフェードインアウトさせて、
なめらかに移行で

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

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

https://memes.crypko.ai/

トップページの構成About
|
Creators
|
Twitter
|
Spec

良いと思ったところ1. キービジュアルが背景として固定されているのが面白い

画面をスクロールすると、キービジュアルの女の子の画像の上に各説明のウインドウが重なるデザインになっています。
1つのリソースで女の子の存在を常に強調することができるので、良いデザイ

もっとみる