研修

こんにちは。一気に涼しくなりました!Webディレクターのひよっこです。

先日とある会議があり、本社の方にお邪魔させていただきました。

和歌山オフィスとは異なる空気感のため、身が引き締まる思いです。

普段チャットか通話でしか会話ができないため、顔を合わせながら仕事を行うのはとても新鮮でした。
色々とお話しを聞きたかったのですが、時間が足りないこともしばしば…。

また本社にお邪魔させていただくタイミングがあればいいなと思っております!

電話での注意点

こんにちは。Webディレクターのひよっこです。

今回は電話の注意についてです。

お客様に電話する時に「今忙しい」といわれた場合は、ではどの時間帯なら大丈夫ですか、ときちんとお伺いを立てるようにしましょう。

こうやって書いておかないとついつい忘れてしまうので個人的に注意です。

制作実績

こんにちは。Webディレクターのひよっこです。

過去に作成した制作実績を見ると、とても勉強になります。

ワイヤーフレームの作り方、このプランだといくらくらいかかるなど、参考になるものばかりです。

先日、この制作はこんなところが大変だった!とお話をしてくださったときはとても興味深かったです!

消えてしまった過去のWebページが見たいときは?

こんにちは。Webディレクターのひよっこです。

消えてしまった過去のWebページが見たい!という場合は、このツールを使うといいよ!と先輩に下記サイトを教えていただきました。

http://archive.org/web/

使い方は簡単で、該当サイトのURLをフォームに入力して「BROWSE HISTORY」をクリックするだけ!
そうすると過去に取得したアーカイブが、カレンダー形式で表示されます。

ブックマークおすすめです!

事前確認大切です…!

こんにちは。Webディレクターのひよっこです。

本日ひよっこやらかしました…。
企業様の会議に参加する予定だったのですが、大遅刻をかましてしまいました。

原因はこちらの把握ミスなのですが、事前確認しておけばよかったと後悔しています…。

事前確認はきちんとしておきましょう。

マイクが繋がらない…

こんにちは。Webディレクターのひよっこです。

先日からマイクが繋がらず、自分の声が相手に聞こえないという事態が起こっています…。

マイクが繋がらないとこちらから発言できないので、聞きたいことが聞けずとても不便です。

ヘッドホンを変えたり、設定を見直したり色々見ているのですが、なかなか解決できず…。

仕事に支障が出るので、早めの対処を頑張ります…。

description

こんにちは。Webディレクターのひよっこです。

今日はdescriptionとはについてです。

descriptionとはページの概要や要約を記したHTML形式のテキストになります。

基本的な目的はGoogleのクローラーに、「このサイト、ページはこういう内容のものですよー」と伝えるために設定されているそうです。
また検索する人がそのページを見た際にもこの部分を参考にページをクリックするため、SEO対策として重要な役割をもっています。

優先順位に気をつけよう!

こんにちは。Webディレクターのひよっこです。

やる事が溜まっている場合は、きちんと優先順位を付けないといけません。
期限内に間に合わなくなると考えただけでゾッとします…。

また、優先すべき業務が重なっている場合は、要相談ですね。
何を優先すべきなのか、どのくらいの時間でこの作業を完了することができるかなど、まだまだ詰めが甘いので頑張ります…!

立て込んでいる場合は要相談!

こんにちは。最近多忙なWebディレクターのひよっこです。

優先度の高い業務がいくつかあると、何から手を付ければ良いのか困ってしまいます。

そういう時は、依頼してくださった方ときちんと要相談するのが大切です。

2人でする作業などは相手側に任せっきりにしてしまうことが多々あるので、業務溜めすぎないようにちゃんと処理していきます…。

TinyPNG

こんにちは。Webディレクターのひよっこです。

画像のサイズが大きすぎてアップロードできない!と困っていたところ、先輩に下記サイトを教えていただきました。

https://tinypng.com/

このサイトは画質を維持して、容量を軽くしてくれるサイトだそうです。

商品登録の画像容量調整でも使えるので、ブックマークおすすめです!

聞くことまとめ

こんにちは。Webディレクターのひよっこです。

今回は先輩が良く聞かれていることを箇条書きでまとめました。

〇打合せの時聞くこと
現サイトのどこが気に入ってないのか。
現サイトのデザインにした理由は。
リニューアルなら参考サイトはあるか。
参考サイトのどこを気に入っているか。
いつまでに完成希望か。

バナー画像

こんにちは。webディレクターのひよっこです。

バナーはサイトに使用する画像は極力、物の端が切れていないものを選ぶことが大切です。
たとえば、水着の画像をバナーに使用するとき、水着の一部が切れている画像だと、配置できる場所が限られてしまいます。

なので、水着の全体がしっかりと映っているものをデザイナーさんにお渡しするのが必須です。

やることメモをきちんと書いておく

こんにちは。8月終わるの早いなと思っているWebディレクターのひよっこです。

本日は私が月1で作成しなければならない資料をまだ企業様に提出できていないということで、急ぎで作業しました…。

1カ月前の資料を提出できていなかったため、すごく焦りましたが、何とか提出することができてホッとしております。

忘れないようにするために、やることメモを書いておこうと思います。

【MakeShop】商品レビュー

こんにちは。お仕事いただけるのが嬉しいWebディレクターのひよっこです。

メイクショップを絶賛勉強中です。

商品レビューはクリエイターモードとベーシックモードでそれぞれ見た目が変わります。

例えば、長文のレビューだった場合、ベーシックモードでは「▼続きはこちらから」という折りたたみ式表示になります。
一方のクリエイターモードでは、折り畳み式表示ではなく、丸々全文の全展開式表示になります。

このような違いがあるためお客様に送るワイヤーフレームは、長文にしたときの表示方法をきちんと書いておくのがポイントだそうです!

あとからのツッコミを少しでも減らせるように、最初からきちんと説明しておくことが大事なんですね…。

クリモ・ベーシック講習まとめ

こんにちは。Webディレクターのひよっこです。

本日はメイクショップのクリモ・ベーシック講習を受けたのでその内容をまとめます。

【ベーシック】
・検索:最初からある
・買い物かご:マウスを置くと吹き出しが出てくる
・メインのスライド:幅max
・カテゴリー:3つ
・TOP:4列固定だけどランキングだけ自由
・レビュー:「続きはこちらから▼」という表示が出る(折りたたみ式)
・最近閲覧した商品:SPは表示されない

【クリエイター】
・検索:「Wabisabi」のテンプレートでは、クリックすると検索窓が出てくる
・買い物かご:リンクのみ
・メインのスライド:自由
・カテゴリー:3つ
・TOP:PC→4列自由
     SP→2列
・レビュー:全文(全展開式)

勉強することがまだまだあると改めて知らされた一日でした。

拡大縮小するとレイアウトが崩れる

こんにちは。ついつい食べ過ぎてしまうWebディレクターのひよっこです。

メイクショップのテスト構築を絶賛勉強中です。

ある程度見た目のデザインは完成しつつあるのですが、拡大縮小するとレイアウトが崩れてしまうという事態が発生…。
色々調べたのですが、まだ解決方法がわからず…。

ひとつわかったことは、

〇崩れるサイト
拡大縮小を考慮して実装していない。横幅と縦幅を固定で実装している。

〇崩れないサイト
拡大縮小を考慮して実装している。
横幅固定 + 縦幅自動
横幅自動 + 縦幅自動

まさにその通りだな、と思いました。メイクショップの勉強頑張ります。

【Photoshop】パスで画像の切り抜き

こんにちは。最近肉付きが良くなってきたWebディレクターのひよっこです。

私は入社して初めてPhotoshopを使用し始め、まだまだ慣れていないのが現状です。

今回はパスで画像の切り抜きを行おうとしたのですが、私には難しくて諦めモードに…。
慣れれば簡単だそうですが、あまり触る機会もなく、普段からたまに練習しておこうと思います。

ばりばりフォトショ使っているデザイナーさんはすごいなと感じた一日でした。

ヒアリング2

こんにちは。Webディレクターのひよっこです。

本日3回目くらいのヒアリングに参加させていただきました。

その後に議事録作成、ワイヤーフレーム作成と続くのですが、前回よりも少しスムーズに行うことができました。

もちろんまだまだではありますが、数をこなして一人前のディレクター目指して頑張ります!

教える側は難しい

こんにちは。Webディレクターのひよっこです。

只今実習生さんにブログ記事作成の依頼をしています。

作成してくださったものはこちらでチェックして修正するようにしているのですが、アドバイスなどをするのはとても時間がかかりました。

先輩は作成してもらった文章をPDF化してそれにコメントを書き込みすると教えていただきました!

教えてもらうは簡単ですが、教える側となると色々な工夫が必要ですね。
教え方のコツを教えていただきたいものです…。