【新卒2年目ウェブデザイナー】7月後半〜8月の学習記録まとめ
こんにちはウェブデザイナーのかほです。
なんともう8月が終わりました 🏄♂️ 👋
夏が本当に苦手なので秋になり始めていることが嬉しいですが、今年も残りあと4ヶ月です。びっくりですね、、👀
最近時間が過ぎるのがとにかく不安で、休日平日も勉強しないと不安になったり罪悪感が湧いてきます笑 来年の4月にはもう3年目になるのか・・その割に自分スキルなさすぎるな〜とか、毎日めっちゃ焦っています。やばすぎ!自分なりに戦略と計画を立てて、とにかく頑張らなければいけませんね!
さて、今月も先月に続いて勉強内容を記録します!
まずやったことを簡単にリストアップします。
仮サイトリニューアル
- 01 chano-ma(ブランドサイト)リニューアル
- 02 SWEET WEB.JP(ウェブマガジン SP / PC)リニューアル
- 03 NAILS.INC ECサイトリニューアル 提案書作成
ウェブサイトトレース&分析
- 04 PLATFORM
- 05 INGENERAL
- 06 Vide Infra
- 07 PBSC
- 08 ITI
- 09 JavaScript
- 10 Blenderに入門しました
- 11 会社から出していただいているコーディング課題
- 12 読書
- 13 GoogleDriveにデザインストック
- 14 英語の勉強
今回のサイト分析は先月トレース分析に取り組んだHERFESTという海外のブランドのECサイトが非常に分析をして勉強になりましたので、海外のサイトをメインに取りかかりました!(何分析したらいいか分からないや、迷っている方いらっしゃればぜひ、HERFESTを下層まで分析してください笑)今回も海外サイト中心にはなりますが、分析すればするほど勉強になるサイトがたくさんで非常に良いインプットになりました^^
また、仮サイトリニューアルの目的も前回に続き苦手分野に取り組むということでした。
では、目次に沿って具体的にご紹介していきます!
- 01 chano-ma ブランドサイト仮リニューアル
知っているけれど、行ったことのない飲食店のサイトをリニューアル(この企業さんのページはないので厳密には新規制作になります。)しました。
・現行サイト https://www.dd-holdings.jp/brands/chano-ma/
・提案書(提案内容・WF・サイトマップ)
・デザイン
- 02 SWEET WEB.JPウェブマガジン仮リニューアル
ウェブマガジンのリニューアルでしたので、モバイルファーストでスマホからデザインしました。自分自身が最近仕事でスマホから制作することも多々あったのですが、制作した後にPCに展開することにすごく苦手意識があったのでこの課題に取り組みました。が、やはりPCデザインは納得がいかず難しいなと感じました。スマホでは幅が狭いため、物足りなさがなかったけれど、いざウィンドウ幅の大きなPCデザインに落とし込むと物足りなさがあり、つまらないデザインになってしまいました。
・現行サイト https://sweetweb.jp/
・提案書(提案内容・WF・サイトマップ)
・デザイン(SP / PC ※スマホは2倍のサイズで制作しています)
-03 NAILS.INCのリニューアル提案書
こちらは提案書で、来月からデザインに入る予定です。
-04 PLATFORMのウェブサイトトレース&分析
このサイトなのですが、なんで今更トレース(?)という感じだと思うのですが、ずっと自分のトレース・分析したいリストに入っていてできてなかったのでこのタイミングでしました笑
-05 INGENERALのウェブサイトトレース&分析
ウェブマガジンのサイトをトレースしました。
-06 Vide Infraのウェブサイトトレース&分析
-07 PBSCのウェブサイトトレース&分析
これすごくいいサイトでした。MVかっこよすぎなのと細かい点に工夫がされていて素敵でした。
-08 ITIのウェブサイトトレース&分析
Locomotiveさんが制作されたサイトです。
- 09 JavaScript
前回ご紹介した、W3schools.comを使ってタブを作ってみたり、お盆休みの間にUdemyで自分がわからなかった部分の構文を解説している講座があったのでその講座を受講し、モーダルとタブとスライダーの実装をしました。ただ、スライダーに関して自分にはすごく難しかったので、今月もう一回ちゃんと理解したいなと考えています。JSって本当に難しいですね・・・見たらだいたいわかるけど、それを自分で一から書いてみるとなると、思考が本当に難しくて、若干勉強法がわからなくなってきています。今月また内容や時間配分等、考え直さないとなと思っています笑 実装できる方を本当に本当に尊敬します、、😭
ああああ、、私も書けるようになりたい!地道に頑張ります!!!
- 10 Blenderに入門しました
盆休みの間に気になっていたBlenderを触ってみました。YouTubeにてチュートリアルをいくつか見つけたので、「Blender Guru」さんのドーナツのチュートリアルをやりました。ライノセラスや、3ds Maxよりは簡単な気がしましたし、身につけると色々と役に立ちそうだと思ったので、今月も引き続き少しづつ勉強することにしました。少しでもできることを増やしたいので、、
- 11 会社から出していただいているコーディング課題
先月とは別のキャンペーンサイトのコーディングの課題に取り組みました。今回も擬似要素・positionだらけのサイトです!自主的な場合、コーディングって着手するまで時間かかるタイプなのですが、やっぱりやり始めると本当に楽しいです。
- 12 読書
「ニューヨークのアートディレクターがいま、日本のビジネスリーダーに伝えたいこと」の半分を読み終えました。良い本すぎて本当に読んで良かったです。私は基本読書が苦手なのですが、スラスラ読めました!今月も何か読みたいです。
- 13 GoogleDriveにデザインストック
前回はnoteに書くのを完全に忘れていたのですが、私が継続的にやっている習慣としてGoogle Driveにいいなと思ったサイトのいい部分(参考にしたい部分)をキャプチャして、フォルダ分けをしてストックをするインプット方法です。画像名をサイトのURLに変更しておけば後にそのサイトの全体像が見たいときにアクセスが簡単なので、私はそのようにして使っています。ただ、私の場合あまりにもフォルダ分けしすぎたかな感があって、フォルダの数が半端ないです。分け方には注意した方が良さそうですね・・笑(これはNOT4Hの橋本さんが、ご紹介されていた素敵なインプット方法です!)
- 14 英語の勉強
これは先月宣言させていただいた通り、Podcastを毎朝聞く習慣をつけるという取り組みです。毎朝聞くことができており、習慣化できたかなと思っています!おすすめののPodcastは前回のnoteをご覧ください。
今月すること
前回のnoteにてAlfred Tea Roomさんの仮サイトリニューアルをしたのですが、提案からもう一度再チャレンジすることにしました。勉強するべきことがたくさん増えてまだ決めかねていますが、引き続きサイトリニューアル、トレース&分析とJS、Blender、さらに先月、前の会社ですごくお世話になっていた先輩にお勧めしていただいていた、
大谷キミトさんの本をついに購入したので、合成とレタッチの勉強もします。そのほかにも勉強したいことがあるのですが、割愛します。
最後に、今月細部が好きだったサイトのご紹介
最近見たサイトの細部のこだわりがすごく好きでツボだったので、ご紹介します笑 ロンドンのウェブ制作会社のサイトです。
「Hello Stranger」と書いている「Stranger」の部分に自分の名前を入力するとどこにページ遷移しても自分の名前を覚えていてくれます🥺(ちなみに私は「kaho🧁」と入力しました。)
さらに、流石にリロードしたら忘れられるだろうと思い、リロードしてまたサイトに戻ってもなんと覚えてくれていて、流石にスーパーリロード(command + R)したら絶対忘れられているはずと思っいましたが、まだ名前を記憶してくれていて、すごくいい工夫だし、アプリやウェブサービスではなく、サイトにこの機能が入っているなんて斬新だなと感じました〜!!😭 (ちなみに一週間以上経ってからもまだ名前を覚えててくれています笑)私はこのような細かなユーザーへの気遣いの工夫をされているサイトが大好きです。
リンクはこちら↓ ぜひ、名前を入力して検証してください! https://mallardandclaret.com/
以上になります!
長々としたnoteを最後まで読んでいただき、ありがとうございます、、、!
あくまで記録なので、毎回非常に読みにくいnoteにはなっていますが、以前のnoteを読んでいただいた方々から「勉強を頑張ろうと思えた」などという嬉しいお言葉をいただき、私もより頑張ろうと思うことができました^^
ありがとうございます!
おすすめの勉強法や、アドバイス等いただけるようでしたら、メールかTwitterにてお手数ですがいただけますと、すごく嬉しいです!
今月もまだまだ暑さは続きそうですが、
お仕事も勉強もお互い頑張りましょう〜!!!
---------------------------------------------------------------------------
SNSもどうぞよろしくお願いします〜!🥳
・イラストアカウント(@the_1998_)
・なんとなく気が向いたら作って投稿する制作用アカウント(@kahosayshello)
https://twitter.com/kahosayshello
この記事が気に入ったらサポートをしてみませんか?