未経験からwebデザイナーへ転身!

男の子3人育児中のフリーランスママ

あしもですにっこり花

プログラミング言語を使わない、

初心者にやさしい

ホームページ制作をしていますキラキラ

このブログでは、

自分の好きな仕事を継続していくために、

試行錯誤している様子や

フリーランスとしての働き方、

web制作のことをお伝えしています!

ニコニコ私のホームページはこちら

 https://ashimo-design.studio.site

 

こんにちは!

あしもですニコニコ

 

 

先週はイベント祭りだった私にっこりラブラブ

 

9日(月) 武士コン速報Liveに出演

 

12日(木)ゆめちかフェスに登壇

 

15日(日)ホームページ活用講座開催

 

 

どんなイベントだったのか

前回の記事で振り返った途中で

力尽きてしまいまして…大あくび
 

 

 

 

 

一番怒涛だった

ホームページ活用講座開催までを

振り返ってみます飛び出すハート

 

 

 

私は今、アメブロトップブロガーで起業家の

五十嵐花凛さん主催の

ファンビジネス講座を受講しています。

 

 

ファンビジについてはこちら下矢印

 

 

 

ホームページ活用講座は、

同じ受講生の副業デザイナーおハルさん

との共同開催ヒヨコ

 

 

 

 

 

 

起業・副業初心者さん向けに

 

丸レッドホームページへの

ハードルを下げてほしい

丸レッドホームページで

自分らしさは伝わる

丸レッドSNS発信メインで活動している方は、

絶対にあるといい

 

という想いがあり開催しましたキラキラ

 

 

 

 

 

 

私がホームページ制作で使用している

プログラミング言語を使わないで

ホームページを作れる

 

ノーコードツールのStudioをメインで

内容盛りだくさんでお届けしましたよ!

 

 

 

実際にStudioの操作感もお伝えしたくて

レクチャーしたものの

スムーズにできず…

 

かなり焦りました笑い泣き

だって簡単に操作できるのを

お伝えしたいのにマゴマゴするなんて…

 

 

 

47名にお申し込みいただき

当日は20名くらい参加。

 

チャットも盛り上がっていたし

質問もいただけたり

あっという間の2時間でした指差し

 

 

 

 

 

でも、この講座の直前まで

資料を直したり

かなりギリギリまでバタバタしてましたタラー

 

 

 

このギリギリ感…

おハルさんが緊迫した

現場の様子をお伝えしています驚き

 

 

 

 

おハルさんのブログから

抜粋させていただいたこちら下矢印

 

 

 

私はこのセミナーの事例として

紹介するサイトを2つ

制作しないといけなくて

 

 

ついでに、実装編用のホームページも

作れたらつくりましょ

というスタンスだったけど

 

 

私は、どうーしても

実装編用のホームページは

作りたかったんです炎

 

 

だって、これが一番初めに持つ

ホームページとしては

お勧めだから

 

 

 

SNS発信メインでしている方の

ピン留め用のホームページとして

 

SNSで発信していると

情報がどんどん流れていって

お客様がその情報から

必要な情報をピックアップするのは

難しい…大あくび

 

 

そんな時にホームページに

伝えたいことを記載したら

 

読んでいただきたい記事を

貼付したら

 

閲覧している方が

あなたの伝えたいことを

ちゃんと受け止めることができますよねニコニコ

 

 

自身で更新するには

割と簡単にできるテンプレートを

アレンジしているから

 

 

 

絶対に皆さんにお見せしたいって

思ってたんです

 

 

 

なので当日の朝作りましたよ

30分くらいで笑

 

 

ちなみに、

花凛さんのホームページは8ページ

12/4から取り掛かっていました

 

 

この時期、

ややこしい案件があったり

大型案件があったり

ココナラのご依頼も3件同時進行だったり

 

 

ありがたいことに

仕事もてんこ盛り富士山

 

 

 

この間、

ややこしい案件に

時間を取られていて

 

 

花凛さんのホームページに

ほとんど、手をつけられて

なかったんですよねネガティブ

 

 

なので、セミナー6日前

12/9時点でできていたのは

2ページ驚き

 

 

でも、この2ページが一番デザインが

複雑なのでこのページを終わらせれば

あとは時間はかからないと想定してました

 

 

ホームページって

パソコンでみた時に

綺麗に表示されるように

制作するだけではなくて

 

 

タブレットや

スマホでも綺麗に表示されるように

調整しないといけないんです

web用語でレスポンシブといいます指差し

 

スマホでも色々な画面の大きさがあるけど、

どれで閲覧しても綺麗に表示されるように

しないといけないんです!

実は、この作業が地味に大変アセアセ

 

 

パソコンでは綺麗に表示されてる

2ページ

 

レスポンシブの対応は

まだしていませんでした

 

 

セミナー6日前(12/9)

 

四角オレンジ花凛さんのホームページ

8ページ中6ページ未作成

 

四角オレンジおハルさんのホームページ

2ページ未作成

 

四角オレンジセミナー資料作成

未作成

 

四角オレンジ実装編用ホームページ

未作成

 

 

驚き驚き驚き

 

 

未作成のオンパレード

さすがにまずい

 

 

 

とりあえず、ホームページは

講座内の事例で見せるだけ

タブレットやスマホの表示は

講座後に調整すればいいか…

 

 

と思ったりもしたのですが

ここで手を抜くわけにはいきません

 

 

だって、私の推しを皆さんに

紹介するわけですから

※推しとは…

私が絶賛お勧めしている

Studioというホームページ制作ツールです乙女のトキメキ

 

 

あしもさんの推しも

大したことないなって

 

 

クオリティが良くないなって

思われたくない

 

 

せっかく申し込んでくださった方々の

期待を裏切りたくないなって

思ったんです

 

 

なので、花凛さんのホームページ制作に

急ピッチでとりかかりましたダッシュ

 

 

 

セミナー3日前(12/12)

総制作時間約40時間かけて

花凛さんのホームページが

完成しました〜拍手

 

 

と同時に

おハルさんのホームページ制作に

とりかかりますダッシュ

 

 

 

おハルさんのホームページは

花凛さんのとは違って

 

 

 

デザインがシンプルだったのと

パーツが繰り返されていたので

実装にも時間はかかりませんでしたチョキ

 

 

 

あと、これは実装者目線からなのですがキメてる

おハルさんの作るデザインカンプって

ものすごく見やすいんですキラキラ

作り方が丁寧なんですラブ

※デザインカンプとは…

デザインの完成見本。

これを元に実装者が構築します。

 

 

 

だから、余計な時間をかけずに

実装がスムーズに進むんですよね飛び出すハート

 

デザインカンプの作り方は

デザイナーさん自身の色が出るので

読み取るのに時間がかかることも多いんですもやもや

 

 

 

セミナー前日(12/14)

総制作時間約15時間

おハルさんのホームページも

無事に完成しました〜拍手

間に合って本当よかった…

何がなんでも間に合わせるけどねキメてる

 

講座内では2日で制作しました!と

お伝えしていましたが正しくは3日でした

ごめんなさいアセアセ

 

 

 

最後はセミナー資料電球

伝えたいことは決まっていたので

パッと見て印象に残るワードを

スライドにしました

 

 

 

おハルさんが作ってくださったベースに

私の文言を入れ込むと

何かオシャレにみえるキューン

 

 

 

デザインってその印象を一瞬で変えるから

本当不思議キラキラ

 

 

 

この時、実践編で使うホームページのこと

忘れてました笑

 

 

 

セミナー資料作ったから

安心してしまったんですよね

 

 

ふとん1ふとん2ふとん3

 

 

 

セミナー当日(12/15)

ホームページに動き(アニメーション)を

つけたいと思っていたので追加作業

 

 

動きがつくとホームページに

味が出ますうお座

 

 

 

動きすぎは見にくいけど、

少しの動きがあると

ユーザーの目線がそちらに向くので

離脱防止にもつながりますニヤリ

 

 

 

花凛さんとおハルさんのホームページに

動きをつけて満足キラキラ

 

 

 

その後に、実装編用のホームページ制作に

とりかかったんですにっこり

 

 

 

本当直前までドタバタでしたが、

講座は、なんとか無事に

終わることができましたー生ビール

 

 

私にとって外部向けの講座は初めて。

めちゃめちゃ緊張したし、

うまく伝えられているのか

とても不安でした

 

 

 

でも、いただいた感想の中に

「二人の熱意が伝わってきた!

という感想が複数あって

 

 

 

それが、正直一番嬉しかったですねニコニコ

 

 

 

もちろん、Studioの良さが伝わったり、

ホームページのハードルが下がった、

自分でもできそうと思った

 

って思っていただけたことも

もちろん嬉しかったですラブラブ

 

 

自分の熱意って相手にも伝わるんだ

私はやっぱり今の仕事が好きなんだ

それにも気づくことができましたニコニコ

 

 

そしてもう一つ気づいたこと…

 

 

私の制作スピードあがってるびっくりマーク

今まで積み重ねてきたことが

ちゃんとスキルになってる

それに気づけましたチョキ

全てがギリギリだったから

本領発揮したのか…

 

 

 

感想やレポも沢山いただきましたー

みなさん本当にありがとうございますニコニコ

これは、本当に宝物ですダイヤモンド乙女のトキメキ

 

グリーンハートちはるさん

 

 

グリーンハートバナナさん

 

 

 

 

 

 

ブルーハートあっこさん

 

 

ブルーハートまゆかさん

 

 

ブルーハートまっきーさん

 

 

ブルーハートおはまさん

 

 

イエローハートその他

 

 

 

準備…きちんとしてたよ笑

 

 

 

こうして怒涛の1週間は

めちゃめちゃ濃い1週間だったのでした〜完了

 

 

 

ハートここで私の推しを紹介ニコニコ

 

 

 

 

私の推しを紹介したところで

 

 

今度は、

 

 

私を推してください!笑

 

 

私が参加している

ファンビジネス講座の

一大イベント武士コンキラキラ

 

これに私登壇します!

 

 

 
 
 
実は、先日投票の中間発表が
おこなわれました不安