れい@webデザイン

ノマドしながら日本1周目指してます。2020.4.1制作会社入社|2023.03.19独立|制作会社 業務委託3社|コーダー・デザイナーを経験後、ディレクターとして活動中|webデザインもあらためて学習中📚コーディングのお仕事も依頼承っております。ご連絡はDMにて✉️
web制作してる方フォロバ100です！

[れい@webデザイン @6e0278web]

Webデザインのダークモード
もう実装して当たり前になりましたが、最近のトレンドは完全な黒（#000000）を避けること。

​純粋な黒背景に白文字だと、コントラストが強すぎて逆に目が疲れるハレーションが起きやすい。

ネイビーや、ほんのりグレーを混ぜたダークカラーを選ぶのが目に優しくするコツ。

[れい@webデザイン @6e0278web]

最近クライアントから指摘を受けて気づきましたが、おしゃれな薄いグレーの文字が、実はユーザーを困らせているかも。

背景と文字のコントラスト比が低いと、スマホの屋外利用時や視力の弱い人には全く読めなくなる。

デザインは美しさだけでなく、誰もが情報を受け取れるアクセシビリティがセット。

[れい@webデザイン @6e0278web]

縦横中央揃え、未だに flex か grid で迷うことあるけど、最近は一行で済むのでplace-content: center; がお気に入り。

昔の position: absolute; でゴリゴリ書いてた時の事を思うと、本当に進化を感じるし、AIに丸投げ出来る領域も増えたので、学習のハードルも下がった気がする。

[れい@webデザイン @6e0278web]

お気に入りフォルダの言語化。
素敵なデザインを見つけたら保存するだけでなく「どこが好きか」を1言添える。

言語化できないものは、自分の技術として使えません。

あとは​あえて縛りを設ける。
フォントは1種類だけ、色は3色以内。制限があるほうが、情報の優先順位を整理する力が爆上がりします。

[れい@webデザイン @6e0278web]

センスがないと悩んでいた時期に、意識を変えて効果があった施策をまとめました。
結局、近道は観察と模写にありました。

ただなぞるのではなくなぜこの余白？
なぜこの色？をメモしながら写す。

制限時間が集中力を生みます。

[れい@webデザイン @6e0278web]

フリーランスになってから、ずっと家で一人でいると、最新のトレンドや業界のリアルな空気感、他の人の仕事術が入ってこなくなる。

​本を読むより、同業者やクライアントと30分雑談する方が、今の市場のニーズや課題がリアルに見えてくることも多い。

​生存率が高い方はすべからく交流している人。

[れい@webデザイン @6e0278web]

体感上、成果の出るLP制作に必要なのは、綺麗なグラフィックよりもストーリーです。

結果を出すサイトは
課題提起→共感→解決策→信頼の証拠→行動（CTA）の動線が綺麗です。

なので僕は、ユーザーの心理動線に合わせた要素配置ができているか、公開前にもう一度見直す習慣づけしてます！

[れい@webデザイン @6e0278web]

ヒアリングがなぜ重要かというと、Web制作の成功はコーディング前に8割決まります。クライアントが言うかっこいいサイトの真意は、売上UPなのか認知拡大なのか。

ここを言語化しないまま実装に入ると手戻りが発生します。ツールを動かす前に、まずは徹底的なヒアリングで目的の解像度を上げてます。

[れい@webデザイン @6e0278web]

チームメンバーの主婦の方と働く中で驚いたのが、タイムマネジメント能力と効率性の高さ。

限られた時間で成果を出す姿を見て、普段から取り組まれている事の延長だからなのかな？とポテンシャルの高さに毎日脱帽しています😳

だからこそ、やっぱりデザインは主婦の方にお願いしたいと感じますね。

[れい@webデザイン @6e0278web]

重要！注意点1つ
言われた通りに作りますはNG。
提案型で動く。

​制作会社が求めているのは、指示待ちの作業者ではなく技術視点でプロジェクトを引っ張ってくれるパートナー。
「その要件なら、こちらの設計の方がコストとセキュリティ面で安全です」と言える関係を築くとリピート率が上がります。

[れい@webデザイン @6e0278web]

Web制作会社と最高のチームを組むためにやったこと＋盲点になりがちな注意点。

​【協業のためにやったこと】
・実績と得意分野（バックエンド等）の明確化
・ミスマッチを防ぐ開発環境／標準技術の共有
・連絡ツールやレスポンス速度のルール決め

[れい@webデザイン @6e0278web]

沢山のお祝いといいねをいただき、身が引き締まる思いです！ありがとうございます。

​今回の協業で一番変わるのは、お客様へ提案できる選択肢の幅とスピードです。デザインからバックエンドの開発まで、一気通貫で高クオリティなものをお届け出来る体制が整いました。

​今後とも頑張っていきます！

[れい@webデザイン @6e0278web]

この度、新たなWeb制作会社様との協業が決定いたしました！

チーム化し幅広い案件受注を出来る体制が功を奏したと感じます。双方の強みを活かし、これまで以上に高品質で付加価値の高いWebサイト制作・開発体制を強化してまいります。

新たな挑戦に今からワクワクしています！

[れい@webデザイン @6e0278web]

この度、新たなWeb制作会社様との協業が決定いたしました！

チーム化し幅広い案件受注を出来る体制が功を奏したと感じます。双方の強みを活かし、これまで以上に高品質で付加価値の高いWebサイト制作・開発体制を強化してまいります。

新たな挑戦に今からワクワクしています！

[れい@webデザイン @6e0278web]

弾丸九州旅行から帰ってきて最高にリフレッシュできた！
あちらでも仕事はしてましたが、普段スマホやPCの画面ばかり見ているからか、大自然の鮮やかな新緑が文字通り目に刺さるような感覚で、圧倒されっぱなしの旅でした。
エネルギー補給完了。また日常を頑張ろう。

[れい@webデザイン @6e0278web]

アクセシビリティって何？って僕も最初分かってなかったですが、余裕があればやるものではなくWebの基本。

支援技術を使う人だけでなくSEOにも効果的。派手な演出に目を奪われがちですが、まずは誰でも、どんな環境でも情報に辿り着けるという土台を丁寧に整えていくという基本を忘れずに続けたい。

[れい@webデザイン @6e0278web]

3時間悩んだバグの原因が、たった1文字のタイポや全角スペースだった時のあの虚脱感。😅

絶対コードは合ってると自分を信じ切ってコンソールとにらめっこした結果がこれ。
でも、修正した瞬間に画面がパッと正常に動くあの快感があるから、また次の苦行があると分かっていても飛び込んでしまう。

[れい@webデザイン @6e0278web]

GWの案件対応が一段落。
ようやく自分には静けさが戻ってきました。

​みんなが休む時に働き、みんなが働く時に遊ぶ

これがフリーランスとしての僕のスタンスです。
混雑を避けて自分のタイミングでリフレッシュするために、明日までは全力で駆け抜ける。

GW明けの九州1周目指して頑張ります！

[れい@webデザイン @6e0278web]

デスクワークが寿命を縮めると聞いて、最近散歩の習慣を取り入れましたがこれが良かった😳

入りたいお店が見つかったり気分転換になるし、最近はせっかく鎌倉にいるんだからと神社の境内をただ歩いてます。

周りに言ったらジジくさいと言われますが気にしません。
煮詰まる日は大体外に出てない日。

[れい@webデザイン @6e0278web]

@ryoga_banatabi デスク周りは無限にこだわれますよね。
1mの宇宙だと感じます。
はい！頑張りましょう😊

[れい@webデザイン @6e0278web]

フリーランスなら旅しながら働けると夢見ていたけど、現実は完全な引きこもり。
理由は明白で、爆速Wi-Fi、マルチモニター、馴染みの椅子という最強の作業環境を越える場所が外に無いから。

移動の疲れで生産性が落ちるくらいなら家で集中するが正解に。自由は案外このデスクの周りに詰まってます😅

[れい@webデザイン @6e0278web]

@orepote_academy ありがとうございます！フォロバさせて頂きました！