profile
森 紗苗（もり さなえ）
徳島県出身、1989年10月12日生まれ。
学生時代から行っていた演劇活動の一環として養成所に入所後、販売職をしながら芝居の勉強をしていました。
2020年に友人主宰の演劇ユニット「ナナマルキカク」に所属、現在も活動中です。
所属劇団の活動を通してwebサイト制作に関わる機会がありました。
その中で「使いやすく、伝わりやすいデザインとはなんだろう？」と考えるようになり、
webデザインに興味を持ちました。
現在は職業訓練校でデザインツールの基礎を学びながら、日々スキルを磨いています。
グミやクッキーを片手にお出かけすることが大好きです！
水族館やテーマパークなど「綺麗でワクワクする世界」に触れることが私の癒しです。
夏には友人を誘って水族館巡りをしています。
将来は誰かの役に立てる、縁の下の力持ちのような存在を目指しています。
丁寧で心地よいデザインを届けられるデザイナーになれるように、訓練時間以外の学習時間も大切にしています。
現在はサイト制作やバナー制作を通じて、実務経験を積むことを目標としています。
works
ポートフォリオ
制作期間:構成3時間、作成6時間
使用ツール:HTML/CSS、Figma、illustrator(紙媒体)
web媒体、紙媒体を作成しました。
自主制作架空の劇団公演webサイト
「劇団とける第2回公演『雨のあとで』」
制作期間:構成5日、作成20日
使用ツール:HTML/CSS、ChatGPT（あらすじ）
ターゲット:30代男性、観劇好き、休日が暦通りの会社員。
架空劇団コンセプト：会話劇。家族、生きる。
派手な演出はないが、観劇後に考える余白がある作品。
観劇前のイメージの固定化を避けるため、メインビジュアルに
人物ではなく雨の中咲いている紫陽花の画像を使用。
全体的に落ち着いている色を使用し、可読性に注意しました。
課題:レスポンシブデザインに対応した、ブラッシュアップした
第2弾を作成中です。
課題制作架空のカフェバナー
「雨の日限定ゼリーポンチ」
制作期間:構成3時間、作成3時間
使用ツール:Photoshop
ターゲット:20代女性、静かなカフェが好き。
ゆっくり過ごせる、普段から行きやすい価格帯のカフェを想定。
憂鬱だと感じやすい雨の日を楽しんでもらいたい目的。
カフェでのんびり過ごしていたらいつの間にか
雨が上がっていた、という意味で星空の背景を使用。
課題:背景画像とデザート画像の、
質感の統一感を出すことに手間取りました。
Photoshopの操作にもっと慣れます。
自主制作フェアバナー「焼肉食べ放題」
制作期間:構成30分、作成2時間
使用ツール：Photoshop
ターゲット:ファミリー。チェーン店の焼肉屋さんを想定。
涼しい店内で、美味しい焼肉をお手頃価格で楽しんで
ほしいと考えた値段設定。
食べ盛りの子どもがいる家庭を中心に、高校生や大学生の
友人グループでも利用しやすい雰囲気を目指しました。
課題:課題制作のカフェバナー作成よりも制作時間は縮みました。
はっきりとした力強いフォント、太さ、色使いなど
楽しんで作成できました。
普段から目にしているものを観察して、
今後作成するバナーデザインにもっと組み込んでいきます。
課題制作名刺
制作期間:構成1時間、作成3時間
使用ツール：Illustrator
課題制作ロゴマーク
制作期間:構成2時間、作成4時間
使用ツール：Illustrator
グループ制作架空のwebサイト
「アクアフレンズ品川」
担当：ワイヤーフレーム、ロゴ、
電車でのアクセスマップ、印刷物
グループ制作架空の水族館webサイトロゴ
制作期間：構成30分、作成3時間
使用ツール：Illustrator
パンフレットにも使用できるようシンプルで、お子様にも覚えてもらいやすいようなロゴを作成。
名物のシロイルカ。
3本の半円は水面とシロイルカの鳴き声をイメージ。
色は水族館を連想させる水色と青にし、フォントはポップなものを選びました。
グループ制作架空の水族館のパンフレット
使用ツール：Photoshop、Illustrator
ご来館いただいたお客様へ配布するパンフレット。
A4サイズ1/3仕上がり巻き三つ折り、持ち歩きやすいサイズ。
画像を主体とし、どういった生き物がどこにいるのかを可視化。
ショーやイベント、ショップ情報などグループ化し、
情報をわかりやすく伝えられるよう留意しました。
グループ制作架空の水族館のチケット
使用ツール：Photoshop、Illustrator
サイトのトップ画像を全面に使用。
インパクトがあるチケットを作成し、切り取った後にスマホケースや手帳に入れてもらえるサイズ。
水族館側の控えの半券部分も世界観を統一しました。
skill
HTML
Visual Studio Codeを使用。
セマンティックなコーディングを
意識して実践中です。
職業訓練校で学習したことをサイト制作に活かしています。
CSS
基本的なレイアウトデザインのほか、CSSアニメーション、グラデーション表現が可能です。
職業訓練校で学習したことを活かしながらスキルを磨いています。
Photoshop
簡単な画像補正・加工のほか、webバナー制作などで活用しています。
職業訓練校での課題を通じて操作に慣れ、表現の幅を広げています。
illustrator
ペンツールを使用したトレースや、ロゴ制作に取り組んでいます。
現在は操作に慣れながら、実践的なデザイン制作を目指して練習中です。
Figma
サイトの構成図やワイヤーフレーム制作に活用しています。
操作スキルの向上を図っています。
contact
下記フォームよりお問い合わせください。