初案件のwebサイト制作を振り返ってみた👀
こんにちは！ASUKAです。
突然ですが、1年前の自分を振り返ってみました。
題して…！
『Webデザイナーとして、自分がやってきたお仕事を振り返ってみますのコーナー！』いえーい‼︎‼︎（キャラ未設定）
はい、正真正銘、フリーランスの業務委託としてのドキドキの初案件でした。
サイト制作が初なのはもちろん、バナー1枚の案件獲得もしたことがない（コンペも）、制作会社で働いたこともない、PCだけで働いたこと…ない‼︎
リアルでお会いしたことがない人と働くリモートワーク、テキストコミニュケーション…本当全てが人生初めて。
お仕事の連絡が来るたびに、嬉しいような身が引き締まる思いでした。
①仕事しながら同時にインプット
キャリアスクールでは、LP制作をかじったことはあったものの、コーポレートサイトの制作はしたことがなく、「8ページ作る。」の意味も、この頃はよくわかってなかったです。（恐ろしすぎる…）
デザインツールも、PhotoshopとIllustratorは勉強してたけど、ここではAdobeXDを使っているとのこと…
いやぁ〜Adobeコンプリートプランでよかったぁ〜
とかの話じゃなくて…
もう血眼で勉強しました泣
これからお仕事で XDを使いそうなので早速ゲット！欲しいタイミングで@Udemy セール最高！
— あすぴぃ|フリーランスWEBデザイナー (@latte_webdesign) April 5, 2023
ずっと気になってた@mura_mori 先生お世話になります！
【2022年最新版】Adobe XD 手を動かして覚えるプロトタイピング。UI/UXデザイナーを目指す完全ガイド https://t.co/36XbcLyoUw
△ちなみに急いで勉強するのに使ったのはこちらの講座。
講師の村守さん、何度も丁寧に同じことを説明してくれるし、ここからは自分でできるはずです。と自力でできるところは促してくれるので、即戦力になったと思います。神✨
前置きはこのくらいにして、本題のweb制作、振り返ってみたいと思います。
②制作した簡易宿泊施設のサイト
▷二つの異なるコンセプトで作られたヴィラの施設紹介サイトで、ご予約を最終目的としています。
私が担当したのは、下層ページデザイン全てです。
ワイヤーフレームはディレクター、トップページは先輩デザイナーが担当。
仕様書、ファビコン、OGP、SF版MVを用意してくれていました。
クライアントからの参考サイトや、他にも自分なりにたくさん検索して、デザインを絞っていきました。
実際に制作が始まると、下層デザイン以外にサイト内で使う予定だった地図デザインも変更したいというご要望があり、それも任せてもらえることになりました。
これは先方ですでにあるデザインを元に変更とのことで、使用ツールはイラレ。
よく、コーダーさんがわかりやすいデザインカンプを。など聞きますが、その言葉の意味が少しわかった気がしました。
この時初めて他の方が作ったイラレのデザインデータを見たのですが、構造を理解するのにも時間がかかった記憶があり、なるほど誰が見てもわかりやすいデータというのは、制作側がしっかりと整理できていないといけないなと感じました。
こちらもディレクターとZOOMしながら擦り合わせて何回も修正しました。
今ならもう少し配色を美しくできた気がします…！
富士山のイラストも、変更するかやっぱり配色を変えるか…
ロゴで使ってるグラデをデザインに入れたり、QRコードの削除や細かいところを出来るだけシンプルにわかりやすく工夫したことなど、私の細かい意見が採用されたことも嬉しかったです。
地図と同時進行しながら、なんとか下層デザインも完成。
バッチリ地図も埋め込みました！
一棟貸しのヴィラであり、少人数というよりはお子さん連れのご家族で使えるゆったりとした宿泊施設なので、アメニティの多さも特徴でした。各施設それぞれで内容が異なるので、丁寧に確認してデザインし、その特徴に合った写真を選定していきました。
アクセス部分のデザインも初挑戦！
どうしたら最低限の情報で正確に伝えられるのか、余白はおかしくないか、誤字脱字はないか、それはもうピクセル単位で慎重に制作していきました。
今回のサイトは写真も多くて、全部で140〜150枚くらい選定しました。
すでにある写真もあれば、外部サイトから選ぶものもあり、適切な写真はどれか、角度やトリミングの仕方もとっても勉強になりました。
最終的に、デザインチームで作ったデータを全てプロトタイプ化し、クライアントさんに共有。
オッケーが出たらコーダーさんに引き継いで私の初案件は終了となりました。
③使うことで慣れる、活きてくる
使用したこともないデザインツールで不慣れな環境に飛び込み、全員初めましての中での制作は、もがきましたがこれがお仕事ということか…という学びが多くありました。
使うことで慣れる、活きてくる。
そんな経験をさせていただきました。
初案件だったので、ふと記録として残したいなと思い今回noteのペンを取りました。
一年前の自分と今の自分、成長しているところもあればもっと変化しなければ！と思う部分もあります。
今後は自分のサービスを持ってみたいという気持ちもあるので、少しづつ自分の理想を模索しながら、これからも進んでいきたいと思っています⭐️
以上、ありがとうございました〜！
⭐️他デザイン担当させていただいたサイトご紹介
以下は全てデザインのみ担当でディレクションやコーディングは行っておりません。