さゆり@デザイン勉強中

2児の母*ほぼ独学webデザインで8年目*LPデザインがメインのお仕事*コーディング*…

さゆり@デザイン勉強中

2児の母*ほぼ独学webデザインで8年目*LPデザインがメインのお仕事*コーディング*ワードプレス*ずっとPhotoshopだったけど最近XDに目覚めもっぱらXD推し*DreamweaverからVS Codeに転向*自分の幅を広げたい

  • デザイン勉強 #1日1note

    デザイン&コーディング勉強のため1日1レビューしていきます！

常時SSL化で盛大にハマった話【備忘録】

お久しぶりです。もう大晦日ですね！ 今年は1日1noteを目指していたのに、途中案件が超！忙しくなってできなくなってしまい、、反省です。 そんな年の瀬に盛大にハマって3日ほど抜け出せなかった常時SSL化のお話。備忘録も兼ねて投稿してみます。 ◆結論前任者がCloudflareというCDNサービスを導入していたため、http⇔https間でリダイレクトループが発生。ドメインとサーバーを直接紐付けすることにより無事解決！ ◆前提まず前提として、クライアント様より依頼された

さゆり@デザイン勉強中

    • コラボウォッチのLP

      昨日はnoteを更新できなかった・・・！せっかく5日連続投稿できてたのに残念。でも三日坊主にならなかった自分を褒めてあげたい！ 今日は大好きなスターウォーズとコラボした時計のCITIZENのLP。12月のエピソード9もめっちゃ楽しみ！ということで早速レビューしていきます。 ・まず現れるライトセーバー、そしてキャッチコピーやロゴとダース・ベイダーがゆっくり現れるエフェクトがかっこいい。ライトセーバーが描かれている部分のコード、canvasタグというのを初めて知った。参考：h

      さゆり@デザイン勉強中

      • ダイビングスクールのLP

        大阪心斎橋にあるダイビングスクールのキャンペーンLP。今すぐにでもダイビングしたくなるようなワクワクするLPです！ ・MVはしばらく動画が流れ、そのあと画像に切り替わるよう。ダイビングの楽しさが伝わる動画でファーストビューから引き込まれる！ ・MVの一番下、「LET’S DIVING!!」とダイバーがいるのは本当にダイビングしているようにも見えるし、下スクロールさせる効果もある！境界線がゆらゆらしているのも良い。 ・地球がぐるぐる回る、波がゆらゆら動くなどアニメーションを効

        さゆり@デザイン勉強中

        • デパートのクリスマスキャンペーンLP

          ワクワクするようなLPを発見！三越伊勢丹グループのクリスマスキャンペーンのLPがとっても素敵。早速レビューしていきます！ ・画像たくさんで重いからこそローディング画面で何だろう？と思わせる工夫。クリスマスLPなのに何でUFO？と興味をそそられた ・ファーストビューのサンタの動き。。どうやってるんだろう。。勉強します！ ・スクロールするとパララックス効果でサンタが本当に浮いているように見える ・チカチカしたり動いている画像、GIFかと思ったらPNGだった！動くPNGってあるん

          さゆり@デザイン勉強中

        常時SSL化で盛大にハマった話【備忘録】

        さゆり@デザイン勉強中

        マガジン

        • デザイン勉強 #1日1note
          7本

        記事

          赤ちゃん向け絵本のLP

          今日は赤ちゃん向け絵本のLPをレビュー。 対象児がいたら思わず買ってしまいそうなかわいさ！ ・キャラクターや装飾のフラッグとかが出てくるパララックスがいちいち可愛い ・パララックスが出てくるタイミングが遅い気がしたけど、あえてなのかな？絵柄に合わせてのんびりほんわかした気分にさせる効果？ ・絵本が浮かんでるようなドロップシャドウがいい感じ。2020のトレンドだそう ・そんなに長くないLPだけど、メニュー付きで知りたい情報にすぐたどり着ける（スマホのみ） ・情報量は多くないん

          さゆり@デザイン勉強中

          赤ちゃん向け絵本のLP

          さゆり@デザイン勉強中

          会計事務所のコーポレートサイト

          Twitterフォローさせていただいてる奥田峰夫さん(@mine_nyaa)がデザインされたという会計事務所のコーポレートサイト。 前々から綺麗なデザインだなぁって尊敬していたんですが、今回もとっても素敵！ いつかこういうデザイン作れるようになりたいなぁ。 というかLPばっかり作ってるのでサイト作れるようになりたい。 ・かっちりしてるのに柔らかい雰囲気があるので、信頼感を出しつつ敷居が高くない ・ローディングの四ツ葉のクローバーが素敵 ・文字小さめなのに読みやすい。メモ→P

          さゆり@デザイン勉強中

          会計事務所のコーポレートサイト

          さゆり@デザイン勉強中

          スキンケア化粧品のLP

          スキンケア化粧品のLPが惹かれたのでチョイス。 ・メインヴィジュアルの顔がきらめくようなGIFアニメになっていて素敵！やっぱり動きがあると目をひく。 ・メインカラーのエメラルドブルーと反対色の優しいピンクでふんわりしながらもメリハリのあるLPになってる ・化粧品LPにありがちなゴテゴテ感がなくすっきり ・情報量少な目なのに、「なんか良さそう」と思わせる信頼感

          さゆり@デザイン勉強中

          スキンケア化粧品のLP

          さゆり@デザイン勉強中

          圧倒的勉強不足克服！1日1投稿

          はじめまして、webデザイナーをしてるさゆりと申します。 小さな会社でwebデザイナーとして実務を8年間こなしているものの、勉強不足でスキルはまだまだひよこレベル。。 ということで圧倒的勉強不足を克服する為、note1日1投稿を宣言します！！ かなりの飽き性で三日坊主なので自分でルールを決める！！ ・仕事を始める前に書く！(仕事してからだと忘れる&疲れて明日でいいやになるから) ・ジャンルはLPやサイトのデザイン&コーディングまわり ・サイト自体が好きなものや、デザイン関連

          さゆり@デザイン勉強中

          圧倒的勉強不足克服！1日1投稿

          さゆり@デザイン勉強中