未経験からwebデザイナーへ転身！
男の子3人育児中のフリーランスママ
あしもです
プログラミング言語を使わない、
初心者にやさしい
ホームページ制作をしています
このブログでは、
自分の好きな仕事を継続していくために、
試行錯誤している様子や
フリーランスとしての働き方、
web制作のことをお伝えしています！
私のホームページはこちら
おはようございます！
あしもです
私は
初心者でも比較的操作のしやすい
Studioというツールを使った
ホームページ制作をしています
Studioって何？という方は、これを読んでね
ホームページってどうやって
作られてるんだろう？って
気になっている方へ
気になってなくてもみてほしい
お客様のホームページを
制作していく過程を
シリーズでお届けしている
2回目になりますー
ちなみに1回目はこちら
ここで、
お客様情報の振り返り
お客様情報
音楽教室をしている個人事業主さま
ホームページをリニューアルしたい
既存ホームページは、
WordPressというツールで制作。
リニューアルとともに
Studioへ移行。
お客様のご要望
こんな雰囲気のホームページにしたい
優しい柔らかい雰囲気・水彩のカラー
自分たちで更新したい
オリジナルキャラクターを入れたい
できれば動かしたい
ページ数は3ページ前後
教室のこと、レッスンメニュー、発表会の様子を掲載したい
前回は、
Studioのテンプレートを
使用して、
制作していくことが
決まりました！
という過程まで
お伝えしました
テンプレートを
お客様のご要望に合わせて
どうアレンジしていくか
ここがデザイナーさんの
腕の見せ所
テンプレートを使ったら
他のホームページと似たように
なるんじゃないか…
テンプレート使ってます！感のある
ホームページは嫌だな…
テンプレートって
そういうイメージがあるようで
お客様からよくご質問をいただきます
でもね
色や文字の形、レイアウトを
少し変えるだけでも
印象ってかなり変わるんです
ちなみに
今回、使用するテンプレートは
こちら
これはTopページ
まずは、
テンプレートのデザインを
そのまま使う箇所と
オリジナルでデザインする箇所を
考えます！
Topページは
一番初めに表示されるページ
第一印象で
ホームページの中身まで
見ていただけるかどうかが
決まるので
とっても重要
人間関係も第一印象が悪いと
もう関わるのやめよーって
思いますよね…それと一緒
ホームページって
ページの最下部まで、
他のページまで
見ていただけるように
訪問してくださった方が
ストレスを感じないように
目線の動きとか
読みやすさとかを
考えて構成されてるんです
色の使い方や
レイアウトによっては
目が疲れる＝ストレス
になって
途中で離れていってしまう…
途中で
離れていってしまったら
伝えたいことが
伝わらない
もしかしたら、
その方に
必要なサービスだったかもしれないのに
それが、届かない…
そんなホームページは
もったいないですよね！
こちらもテンプレートを使ってます！
Studioはおしゃれなテンプレートがいっぱい
デザインを考える時は
お客様から教えていただいた
参考ホームページを元に
考えていきます
お客様が
こんな雰囲気のホームページにしたい
とイメージされているので
そこに近づけた
デザインにすると
お客様のご希望の
ホームページに
なっていくんですよね〜
いつもいるカモ！たまに道路を歩いてるw
すぐに、
デザイン制作に
入るのではなく
まずは、
大まかなイメージや構成を
共有するために、
ラフ案というものを作成
デザイナーさんから
ラフ案作ってみました〜
と届いたのがこちら
一番上の画像と
ナミナミになっている箇所は
参考のホームページと
同じデザイン
その下は
テンプレートをそのまま
使っています
これを見ただけでも
テンプレート感が
なくなってますよね
デザインって
他のホームページを
真似してもいいの？
って思われた方も
いると思いますが
いいんです
他のデザインの良いところは
真似しちゃいます！
何で真似して良いかを
語ると長くなるので省略
もちろん、
全部丸パクリは
絶対ダメ
もう一つ、
お客様がご希望されていたこと
それは、
オリジナルキャラクターを
出来れば動かしたい
ということ
そんなこと
できるのかな？
って思って、
デザイナーさんに
相談したら
やっぱり
やってくれました
最近よく依頼するデザイナーの
ありささんは、
私が困っている時に助けてくれる
しごでき女子
そして、デザイン愛が強い
どうやって動いたか
気になりますよね
そんな方は
こちらを見てね
キャラクター自体を
動かすこともできるらしいけど、
今回は、参考のホームページにいた
キャラクターたちの動きと
同じように作ってくれました
こちらのパンダさんが
オリジナルキャラクター
実は、この後、
しごできデザイナーさんから
全く別のデザイン案を
提案されたんです
それは、
既存ホームページをみて
お客様の音楽教室への想いを
もっとホームページで
伝えたい
と思って
考えてくれたデザイン
これが
いいんです
めちゃめちゃいいんです
なので、
次回お伝えしまーす
お楽しみに
それと
お気づきの方も
いらっしゃるかと思いますが
あしもさんは
一体何をしているのか？
ホームページ制作してる
って言ってるけど
デザインはデザイナーさんへ
依頼している様子
何か作業している様子がない
そう心配してくださった方
大丈夫です
私も仕事してます
このあたりも
次回お伝えしますね
お知らせ
音声配信SNSのstand.FMでやる
コラボライブが2つあります
5/12(月) 21:00~
資産形成伴走サポートをされてて
Kindle本の出版も控えてる
副業Webデザイナー
お二人と一緒に
最強で最速なホームページが出来た理由
という内容でお話しします
おはまさんのホームページを
おハルさんと一緒に作成させていただきました！
↑サムネは私が作成させていただきました
5/19(月) 12:00~
Webデザイナーの
おハルさん
←再びw
お二人と一緒に
デザイン推しトーク
をします
みんなデザインが大好き
かなりマニアックな内容になるかとw
↑こちらも私が作成させていただきました
どちらも
ご都合のつく方は
リアルタイムで
ご参加いただけると
嬉しいです
あしもの公式LINEはこちら
今後優先的にサービスのご案内を
させていただきます
感想や質問などもお気軽にどうぞー