佐藤 萌 ポートフォリオ

profile

このページを開いてくださり、感謝です。わたしについてもっと詳しく知ってもらえると嬉しいです。

佐藤 萌

sato megumi

大学で保育を学び、8年半保育士として子どもたちの成長を見守ってきました。写真や文章で伝える日々の保育記録や、おたより・連絡帳作成を通して、デザインの力で人々を笑顔にできることを喜びを感じるようになり、一念発起！Webデザインの世界へ足を踏み入れました。

職業訓練校アジャストアカデミーでWebデザインの基礎を学び、日々新しい発見にワクワクしています。できることが増える喜びを感じながら、意欲的に制作活動に励んでいます。

常に他者の気持ちに思いをめぐらせ、自分の行動にうつすことができるのが私の強みです。Web制作においても、見る人の目線に立って、より見やすいサイト作りを目指しています。

my story

Web業界を目指すまで

  • 大分県に1人娘として生まれる

    2歳で描いたおえかきが入賞し母歓喜。
    自分の世界に入り込みすぎて、ごっこ遊びをしていた友だちを意図せず泣かし、戸惑う。
    幼稚園時代は鹿児島へ、小学2年まで福岡へと父の転勤に合わせて移り住む。

  • 漫画にハマる小学生時代

    小学3年から一番楽しい4年間を愛媛で過ごす。小学校の金管バンド部に入り、アルトホルンを吹き始める。
    ピアノ・英語・習字と習い事で忙しくしながら、虫捕りやローラースケートなどで活発に外で遊ぶ。
    漫画を読み始めるようになり、カルチャーの世界へ。初めて買ったのは、カードキャプターさくら。
    漫画家になりたいと夢を抱き、らくがき帳にひたすらイラストを描き続ける。

  • 再び生まれ故郷の大分へ

    中学でも吹奏楽部に入り、バリトンサックスを吹く。
    ゆずの音楽にどっぷりハマり、ラジオを毎週聴いたり、雑誌を読んだりゆずのことを調べつくす。
    自分のパソコンを持ち、歌詞の待受画像を作ったり、簡単な携帯サイト制作や、ブログを更新する。
    人生初めてのライブの感動が忘れられず。居酒屋でバイトをしながらゆずのライブへ全国飛び回る高校時代。

  • 憧れの横浜へ

    絵の才能はないと夢を諦め、ピアノや絵が活かせる保育の道を選び横浜の大学へ入学。
    子どもへの向き合い方、心理学、保護者支援、障がいなどを学び、保育の奥深さを知る。
    大学生活を延長し、居酒屋・カフェ・旅館などで働きながら、学校へ通い、念願の保育士資格を取得。

  • 保育士として働き始める

    大学で学んだ自分の理想とする保育と現場の厳しさに打ちのめされる。
    毎日精一杯子どもと向き合い、様々な経験を積むことで、臨機応変な対応力やマルチタスクが身についていく。
    「さとう先生の連絡帳いつも面白くて楽しみにしてます」と保護者から好評をもらい、自信につながる。
    コロナ禍、行事報告のため動画編集の機会を持ち、どこまでもこだわり続けながら作っていく作業に楽しさを覚える。

  • 社会福祉法人檸檬会入社

    スキルアップを目指し、4年勤めた園から、より最新の保育実践に取り組む法人へ転職。
    子どものためには何がベストか？答えの出ない問いに葛藤、将来への不安も感じ、キャリアチェンジを考え始める。
    Webデザイナーの知人に、「センスは知識から始まる」という名言を教わる。
    かつての夢を思い出し、クリエイティブな仕事としてWeb制作の世界に飛び込むことを決意。

  • 職業訓練校アジャストアカデミーに入校

    想像以上の学びの多さに頭がパンク状態になりながらも、大人になってからの学習を楽しむ。
    さっぱり分からなかったコードが理解できるようになったり、実装が成功したときの喜びを感じる。
    Photoshop・Illustratorを使えるようになり、街中のすべてのデザインに刺激を受ける日々。

like

わたしの好きなもの

skill

今できること

HTML

タグの意味を理解し、デザインに合わせたマークアップをSEOの観点から正しくタグ付けできます。

CSS3

レスポンシブ対応が可能です。アニメーションなど複雑な動きは調べることで実装可能です。デザインに合わせ、リキッドデザインを構築できます。

SCSS

変数やネスト構造、mixin機能を使用した記述ができます。

jQuery

ライブラリの実装やjQueryの設置ができます。（bxSlider,Lightbox2）slickは制作物に実装しています。

JavaScript

Javascriptを使用した簡単なアニメーションを1から作成しました。作品に使用するため、現在勉強中です。

Photoshop

バナー広告やロゴデザインなど、視覚的に訴求力のあるデザインを作成できます。色調補正やパスの切り抜き、解像度の変更、画像の出力など、基本的な処理を行えます。

Illustrator

ロゴマークやイラスト、アイコンなどのベクターデータを制作、図形の作成や文字組など、基本的な内容を行えます。2作品目から4作品目のロゴはIllustratorで作成しています。

XD

ワイヤーフレーム、デザインカンプ、プロトタイプの作成・共有・動作確認ができます。

Figma

ワイヤーフレーム、デザインカンプ、プロトタイプ（画面推移）の作成・共有・動作確認ができます。2作目以降ワイヤーフレームやデザインカンプの作成に使っています。

Premiere Pro/After Effects

カット、簡単な画像、文字のエフェクト、音量調整ができます。職業訓練校のCMを制作しました。

Git・GitHub

マージ、コミットなど基本的な作業を行えます。

Word/Excel/PowerPoint

請求書、納品書などのビジネス文書の作成、差し込み印刷、プレゼン資料や研修資料、リスト作成などができます。実務で約5年半使用しました。園に通う子どもたちの日々の様子を随時撮影。1日50枚以上ある写真の中から選定し、文章作成・写真挿入して掲示物を作成しています。

WordPress

固定ページの編集、作成、記事の投稿、更新業務を行えます。簡単なテーマのカスタマイズが可能です。

Webクリエイター能力認定試験(HTML5)エキスパート（2024年度）

訓練2ヶ月目で取得しました。オープンバッジはこちら

Works一覧へ
expand_less