<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ウルトラワークス アーカイブ | クリエイターズスチューデントマガジン</title>
	<atom:link href="https://cs-magazine.creators-factory.com/works/feed/" rel="self" type="application/rss+xml" />
	<link>https://cs-magazine.creators-factory.com/works/</link>
	<description>Webスクール「クリエイターズファクトリー」 卒業生による、転職マガジン</description>
	<lastBuildDate>Mon, 24 Feb 2025 11:03:13 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/favicon.png</url>
	<title>ウルトラワークス アーカイブ | クリエイターズスチューデントマガジン</title>
	<link>https://cs-magazine.creators-factory.com/works/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>42期りほさん</title>
		<link>https://cs-magazine.creators-factory.com/works/1327/</link>
		
		<dc:creator><![CDATA[宮本朱令]]></dc:creator>
		<pubDate>Mon, 24 Feb 2025 23:00:00 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/works/1327/</guid>

					<description><![CDATA[<p>今回は、みかん農園の魅力を伝えるWebサイトを制作したりほさんにお話を伺った。りほさんは「実案件に挑戦したい」という思いから身近で探していたところ、中学時代から親しんでいた地元のみかん農園の方が前向きに検討してくれ、制作...</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1327/">42期りほさん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">今回は、みかん農園の魅力を伝えるWebサイトを制作したりほさんにお話を伺った。<br>りほさんは「実案件に挑戦したい」という思いから身近で探していたところ、中学時代から親しんでいた地元のみかん農園の方が前向きに検討してくれ、制作に至ったそうだ。完成したサイトは、デザイン性だけでなく、みかんの品種や旬を楽しめる仕掛けで、見る人の興味を引き出す内容となっている。</p>



<h2 class="wp-block-heading">Webデザインを学ぶきっかけ</h2>



<p class="wp-block-paragraph">まずは、クリエイターズファクトリー（以下CF）の受講生であるりほさんに、Webデザインを学ぶきっかけと、CFを選んだ理由について伺った。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p><strong>CFを選んだのはオンラインでも集団形式の授業が受けられて、フィードバックの制限がなかったから</strong>です。デザインを学ぶ際、他の人のデザインを見たり、フィードバックを受けることが大切だと聞きました。それに<strong>同じ目標を持つ仲間がいた方が心強い</strong>だろうとも考えました。また、他のスクールでは在籍期間が決まっているところが多くそこが懸念点でしたが、CFは「卒業がない」という点に惹かれました。<br>説明会で校長先生がいい意味で淡々と現実的な話をしてくれたのもよかったです。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">りほさんは地方に住んでおり、スクールを受講するなら必然的にオンラインになる。しかし、オンライン授業ではリアルタイムで集団学習できるスタイルは難しいだろうと思っていたところ、CFに出会ったそうだ。多くのスクールがフィードバックの回数や期間に制限がある中、「卒業のないスクール」はとても珍しく、何かあれば頼れるという点でとてもありがたい。</p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="1000" height="696" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/riho1.jpg" alt="" class="wp-image-1405" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/riho1.jpg 1000w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/riho1-768x535.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<h2 class="wp-block-heading">チーム制作について</h2>



<p class="wp-block-paragraph">CFでは授業最後の課題として「チーム制作」がある。各チームでディレクター・デザイナー・コーダーと役割を決めて発表日（授業最終日）までに制作物を作るのだ。通常発表を終えるとチームも解散することがほとんどだが、りほさんたちのチームは終了後も定期的に自習室に集まってチームで２つめのサイトを作っていたので見ていて印象的だった。そのときのことも少し聞いてみたい。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>私はチーム制作ではディレクター兼デザイナーを担当しました。もう一人デザイナーがいたので、<strong>チームで話しあって、どちらか一つだけではなく、両方最後までコーディングもして完成させようと決めました</strong>。なので、発表のときまでにどちらのデザインを実装するかはルーレットで決めました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">こうしたケースは、かなり珍しいのではないだろうか。発表が終わった後に、完成まで持っていくのがどれほど大変なことか。発表日までは、周囲の強制力もあり無我夢中で作り上げるものの、それが終わると気が抜け、燃え尽き症候群になる人も多いように思う。</p>



<p class="wp-block-paragraph">しかし、チームで定期的に集まり、宣言通り最後まで実装させたのは素晴らしい行動力だ。また、どちらか一方のデザインだけを実装すると、多少の不公平感が生じるかもしれないが、両方を完成させるという決断は、デザイナーにとっても嬉しいことだろう。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>デザイン案をルーレットで決めるシステム素敵ですね！<br>終了後も自主的に完成させるなんてすごい…！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-23 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>ルーレットという発想おもしろくて好きです。笑</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">りほさんはチームをまとめるディレクターも務めていたそうだが、どのように進めていたのだろうか。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>チームでディレクターとして振る舞う中で難しかったことは、うちのチームメンバーはみんなオンラインの受講生で、それぞれ仕事や生活の環境が違うので締め切りを管理するのが大変でした。<strong>意識していたのは納期を前倒しに設定すること、雰囲気作りのためチャットでのスタンプのリアクションを一番大きくすること、絶対に誰かを責めないこと、周りを頼ること</strong>でした。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">チーム制作の難しさは、あくまでスクールの授業として取り組んでいるため、仕事のような上下関係がないことにある。それに、メンバーはそれぞれ本業を抱えながら終業後に作業を進めるため、スケジュール管理も簡単ではないのである。<br>りほさんが挙げていた「リアクション」というのは、Web業界などオンラインやチャットでのやり取りが多い環境では特に重要だ。チャットで送ったメッセージに誰からも反応がないと、やはり寂しく感じるものだから。ディレクターがたくさんリアクションするのは良好な関係性を築くのに大切なことだと思う。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>どんなに小さいリアクションでも嬉しいですよね。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-23 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>チャット上のコミュニケーション、参考にさせていただきました！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="674" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/MacBook-01.jpg" alt="" class="wp-image-1379" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/MacBook-01.jpg 1000w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/MacBook-01-768x518.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption class="wp-element-caption">完成した作品がこちら！チーム制作1つめ（<a href="https://a-team.hare-design.net/" target="_blank" rel="noreferrer noopener">https://a-team.hare-design.net/</a> ）ユーザー名／パスワード：testtest</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="674" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/MacBook-13.jpg" alt="" class="wp-image-1380" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/MacBook-13.jpg 1000w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/MacBook-13-768x518.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption class="wp-element-caption">完成した作品がこちら！チーム制作2つめ（<a href="https://test.tajimaakane.com/" target="_blank" rel="noreferrer noopener">https://test.tajimaakane.c</a><a href="https://test.tajimaakane.com/">om/</a>）ユーザー名／パスワード：testtest</figcaption></figure>



<h2 class="wp-block-heading">サイトを作るにあたり意識したこと</h2>



<p class="wp-block-paragraph">いよいよ本題の個人制作について制作の裏側を聞いてみた。りほさんが制作した森﨑農園さんのサイトには、様々な工夫がほどこされている。特に味の濃度と甘味・酸味を見事にグラフで表現している「味くらべ」。そして季節ごとの旬のみかんをまとめた「旬しらべ」。これらは思わずじっくりと見てしまうし、そしてわかりやすい。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="962" height="680" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-6.jpg" alt="" class="wp-image-1381" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-6.jpg 962w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-6-768x543.jpg 768w" sizes="(max-width: 962px) 100vw, 962px" /><figcaption class="wp-element-caption">「味くらべ」クリックするとされに詳細が見れる仕様に。</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="976" height="625" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-7.jpg" alt="" class="wp-image-1382" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-7.jpg 976w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-7-768x492.jpg 768w" sizes="(max-width: 976px) 100vw, 976px" /><figcaption class="wp-element-caption">「旬しらべ」横スクロール仕様で旬のみかんがわかる。</figcaption></figure>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>制作で一番大切にしたことは、<strong>「ここの農園のみかんを食べたい」「みかんの種類ってこんなにあるんだ」と、見た人に興味を持ってもらえるようなデザインにすること</strong>です。そういった観点から「品種図鑑（味くらべ・旬しらべ）」などのアイディアが浮かびました。みかんの種類ってそんなに意識したことなかったけど、時期によって味など全然違うんです。そのことを知ってもらえたら、もっと食べてみたいってなるんじゃないかと思いました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">「みかんってこんなに種類があるんだ」という驚きと発見をデザインに取り込む。みかん農園さんの気持ちと、購買者の気持ち、両方に想像力を膨らませた結果生まれた形なのだと感じた。<br>ちなみに一番人気は「石地」だそうだが、りほさんは「由良早生」もおすすめだという。ライターのシロクマは「おおいた早生」という緑のみかんが非常に気になった。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>自分が買う立場だったら、どんなことを知りたいかと考えて思いついたのと、校長先生に相談したとき、味のチャートがあれば嬉しいと言っていたのがヒントになりました。そこで<strong>CFでアンケートを取らせてもらい、皆がみかんを買う際に何を重視しているかを調べ、上位２位だったものを採用</strong>しました。<br>品種ごとの特徴をまとめるのにスプレッドシートで表を作り、紙媒体でクライアントさんに渡して記入してもらいました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>アンケート結果があるとクライアントさんも納得ですよね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-23 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>比較にレモンがあるの、とてもわかりやすいです。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">デザインに入る前に、クライアントの商品研究、市場調査、情報収集がしっかりされているのがわかる。<br>先生に相談したことと、CFの受講生に協力してもらった具体的なアンケート結果も参考になったという。私もそうだが、こういった周りの意見を聞ける環境にあるとき、スクールというコミュニティに所属しているありがたみを実感する。<br></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="710" height="556" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-8-1.jpg" alt="" class="wp-image-1384" style="width:840px;height:auto"/><figcaption class="wp-element-caption">こちらがりほさんが実際にクライアントに渡したシート。印刷して手書きで書いてもらったそう。</figcaption></figure>



<p class="wp-block-paragraph"><br>そしてりほさんはここで一つ裏話をしてくれた。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>実は私が最初にクライアントさんに提案したのは別の形でした。みかんの味を五角形のチャートのような図で表すことをアイディアで出したんです。しかし、クライアントさんに、味は主観的要素が大きいから５段階で表すのは難しいと言われました。それで現在のような形に落ち着いたんです。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">アイディアが浮かんでも、現場の人に意見を聞くと想像していたものと相違があるということはしょっちゅうだ。最初の提案がだめになっても、別のアプローチを考える、まさにデザイナーに必要な臨機応変な対応だと感じた。</p>



<h2 class="wp-block-heading">デザインでこだわった点</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>先ほどの「品種図鑑」以外の部分でいうと、<strong>ターゲット層の年齢が少し高めだったので、基本のフォントサイズを大きくしました</strong>。あとは、クライアントさんが和風テイストのものがお好みだったので、和紙のテクスチャを背景に入れたり、筆字フォントを使ったりしました。所々にみかんを感じてほしくて、<strong>「丸み」や葉っぱのイラストを使い、カラーもみかんに使われているオレンジと、「大地や土」のブラウンと、「葉」のグリーンにしました</strong>。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">今買っている人が主に４０代が多いそうで、しっかりとターゲットを意識され、クライアントの好みも取り入れつつ、「農園のサイト」という落ち着きもあり、みかんというイメージから外れないデザイン。カラーやあしらいもそうだし、フォントも明朝体や筆字で和のテイストとマッチしている。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>初めて見た時、サイト全体の統一感に圧倒されました！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<figure class="wp-block-image size-full"><img decoding="async" width="969" height="563" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-9.jpg" alt="" class="wp-image-1385" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-9.jpg 969w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-9-768x446.jpg 768w" sizes="(max-width: 969px) 100vw, 969px" /><figcaption class="wp-element-caption">サイトにある水引モチーフデザインのCTA</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="969" height="838" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-10.jpg" alt="" class="wp-image-1386" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-10.jpg 969w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-10-768x664.jpg 768w" sizes="(max-width: 969px) 100vw, 969px" /><figcaption class="wp-element-caption">品種図鑑は下層ページはグラフだけどTOPページでは本になっていてかわいい！ぜひ実際の<a href="https://morisakinouen.com/index.html" target="_blank" rel="noreferrer noopener">サイト</a>を見てね。</figcaption></figure>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-23 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>みかんが愛されているのが伝わってくるサイトです、、、！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">制作で苦労した点</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>苦労した点は、コーディングのとき授業で扱ってないモーダルウィンドウの実装や、スワイパーを本の上に配置することなどです。サポートやChatGPTなどもフル活用し、<strong>思い通りにならなければ検証ツールと何度もにらめっこ</strong>しました。<br>もう一つは、ディレクションのところでのコミュニケーションです。クライアントさんが普段パソコンなどを使わない方だったので、<strong>できるだけ専門用語などは使わないようにし、何度も足を運んでサーバー・ドメインのことなど丁寧に説明しました</strong>。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">りほさんは、それこそ自分自身が勉強を始めた当初わからなかったことを思い出し、しっかりとクライアント様に配慮して、納得してもらえるよう資料を作って丁寧に説明されたそうだ。専門用語を避けて相手の位置まで降りて説明するのは意外と難しい。そうしようと思った姿勢がまず素晴らしいと思う。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="565" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-13.jpg" alt="" class="wp-image-1397" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-13.jpg 1000w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/image-13-768x434.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /><figcaption class="wp-element-caption">打ち合わせで実際に使っていた資料を見せていただいた。資料もみかんに溢れている。</figcaption></figure>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>この資料を見ただけでも、りほさんに頼んでよかったと思ってもらえそう！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-23 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>クライアントがみかんを大切に思う気持ちが、りほさんにも伝わっている感じがします！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">制作を終えて、成長（変化）したと思うこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>技術的なことでいうと、コーディングのスピードは上がったと思います。見たときにこれはあのコードを使ったらいいな、と見立てる力と、<strong>調べれば必ず答えはあるという確信</strong>もつきました。<br>デザインに関しては、自分がしたデザインに理由が必要だと感じました。クライアントに聞かれたとき、説明が難しいところもあったので、<strong>言語化することの大切さを実感</strong>しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">コーディングでは、同じようなパーツや構造が何度も登場するため、経験を積めば積むほどスキルが磨かれ、効率的に作業できるようになる。りほさんも制作を重ねる中で、できることが少しずつ増えていき、それが自信へと繋がっていったという。</p>



<p class="wp-block-paragraph">また、デザインの意図を言語化する重要性については、よく耳にするものの、実際にクライアントワークを経験することで、その必要性をより深く実感したそうだ。クライアントに納得してもらうためには、「なぜそのデザインが適しているのか」を説明する力が求められる。</p>



<p class="wp-block-paragraph">また、りほさんが作ったサイトによって、周りの反応も変化したという。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>クライアントさんはとても喜んでくれて、<strong>サイトを公開してから売り上げが伸びた</strong>との報告を聞きました。オンラインショップやふるさと納税などの売上もよくなったそうで、「サイトを作ってくれたおかげだよ」とおっしゃってくれました。<br>私の周りの友人や親族も、「みかんってこんなに種類あるの知らなかった」と驚いてくれ、地元のスーパーで売っているのを見かけたとき、<strong>サイトをみて興味持って買ったよと言ってくれました</strong>。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">りほさんが「興味をそそるようなサイトにしたい」と話していた通り、クライアントだけでなく、友人や親族、さらには一般の消費者までが実際に商品に興味を持ち、購入につながっているのは素晴らしい成果だと思う。これはまさに、デザインの力によって課題を解決し、人の行動を動かすことができた証拠だ。りほさんの工夫やこだわりが、しっかりと結果として表れているのが伝わってくる。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1000" height="696" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/riho2.jpg" alt="" class="wp-image-1406" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/riho2.jpg 1000w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/riho2-768x535.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<h2 class="wp-block-heading">デザインの魅力や楽しさとは？</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-35"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>今回のケースでいうと、森﨑農園さんのみかんにかける情熱や想い、今まで伝えられなかったことを自分のデザインによって伝えられる喜びです。それまでは、森﨑さんの作るみかんが外部とつながる手段はスーパーのタグだけでした。<br><strong>Webサイトができたことで、地元のスーパー以外でも遠く離れた人に森﨑さんの想いや情熱を届けることができました</strong>。<br>私も前の職場でみかんを育てていたことがあり、育てる大変さはわかっていましたが、これだけのみかんを作るのは相当大変なことなんだな、とヒアリングするうちにわかってきました。これをWebサイトを通して伝えたい、という気持ちが叶ったことが嬉しく、誇らしく思います。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">ヒアリングを通じて初めて知ったクライアントの想い、そしてみかんにかける情熱。それらを形にして伝えたいというりほさんの気持ちは、まさにこのサイトを通じて実現されたのだろう。Webサイトやデザインは、時間や場所の制約を超え、より多くの人に情報を届けることができる。その力を活かし、作り手の想いを広く伝え、人やモノをつなぐ架け橋となれたことは、デザイナーとして大きな喜びを感じる瞬間ではないだろうか。</p>



<p class="wp-block-paragraph">デザインもコーディングもどちらも好きだというりほさん。今後は「デザインGYM」などの講座を受講しながら知識を深め、さらなるスキルアップを目指していく。そして、Web業界への転職という新たなステップに向けて、一歩ずつ進んでいかれる予定だ。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="992" height="696" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/chirashi.jpg" alt="" class="wp-image-1404" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/chirashi.jpg 992w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/02/chirashi-768x539.jpg 768w" sizes="(max-width: 992px) 100vw, 992px" /><figcaption class="wp-element-caption">デザインGYMでの制作物の一部をご紹介！グラフィックデザインにも挑戦されています。</figcaption></figure>



<p class="wp-block-paragraph">りほさん、ありがとうございました！</p>



<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/author-shirokuma.png" alt="シロクマ" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">SHIROKUMA</div>
      <div class="c-author__profile">クリエイターズファクトリー35期生。元国語教師。</br>お好み焼きとシロクマが好き。</div>
    </div>
  </div>
</div>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1327/">42期りほさん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>41期岡澤さん</title>
		<link>https://cs-magazine.creators-factory.com/works/1321/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Sat, 25 Jan 2025 09:15:14 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/works/1321/</guid>

					<description><![CDATA[<p>今回取材するのは、岡澤さんの整体サロンのサイト。クライアントのサロン経営者の方とは社会人のバドミントンサークルで知り合ったそう。サロンを開業してからWebサイトを持っていなかったことを知り、新規サイトを作ることになったと...</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1321/">41期岡澤さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">今回取材するのは、岡澤さんの整体サロンのサイト。クライアントのサロン経営者の方とは社会人のバドミントンサークルで知り合ったそう。サロンを開業してからWebサイトを持っていなかったことを知り、新規サイトを作ることになったという。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>まず出会いがステキ〜<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading"><strong>サイトを制作するにあたり意識したこと、こだわったこと</strong></h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-34"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>まずは、<strong>サロンのイメージを表現できるよう</strong>に意識しました。ヒアリングの内容や、実際に足を運んでサロンを見た印象から、特に<strong>信頼感や落ち着いた印象</strong>がキーポイントになると感じました。<br>ヒアリングを通して知ったのですが、女性で整体師の資格を持っている方は珍しいんだそうです。また、お客様は40代以上の方が多く、リピート率が高いことがサロンの特徴でした。そういったことから技術面でも信頼のおける、落ち着いた雰囲気であることを伝えられるようなサイトを作ろうと考えました。<br>もう一点は一<strong>体感を出す</strong>ということです。元々使われていたロゴをいただいたので、配色はそこから広げたり、店内のカーテンに使われている色を採用したりしました。英字フォントもロゴに使用されているものと印象が近いものを探したりと、一体感を出せるように努力しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">岡澤さんの言うように、柔らかい雰囲気の中にも信頼感を感じられる印象を受けた。配色はロゴに使われている青と黄色をベースに、爽やかな印象だ。それにしても店内のカーテンに使われている色を取り入れるという視点はおもしろい。デザインの工程ではパソコンに向き合うことが多いが、少し視野を広げることで様々なヒントがあるのだと参考になった。それができるのは「サロンのイメージを表現する」というゴールを明確に意識していた証拠だろう。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>まさに、サロンの雰囲気をそのまま感じさせるサイトで素敵です</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">では、デザインで特にこだわったポイントはどこだろうか？</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-34"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>一番はファーストビューのレイアウトです。サイトに訪問して最初に目に入る部分なので<strong>ありがちなレイアウトにはしたくなかった</strong>んです。参考サイトをたくさん見て、いろんなパターンを作ってみて今のレイアウトを採用しました。<br>また、ファーストビューに入れているキャッチコピーも、最初いただいていたものは今と違う表現でした。その文言よりもInstagramで使われていた「<strong>今の元気が、未来の健康</strong>」というキャッチコピーの方がよりサロンの印象に合っていると思ったので提案しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>客観的に見てより良い方を提案する力、デザイナーに必要なことですね<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f44f.png" alt="👏" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<figure class="wp-block-image size-full"><img decoding="async" width="1167" height="577" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/01/f2cffbef6c11535c84005cf453321f4a.png" alt="" class="wp-image-1328" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/01/f2cffbef6c11535c84005cf453321f4a.png 1167w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/01/f2cffbef6c11535c84005cf453321f4a-768x380.png 768w" sizes="(max-width: 1167px) 100vw, 1167px" /></figure>



<p class="wp-block-paragraph">上の写真はファーストビューのレイアウトを試行錯誤していたという作業画面の一部。レイアウトやフォントなど何パターンも試し、一番サロンの雰囲気を表現できるものを採用したという。細かい部分まで悩み抜いて完成したファーストビューは、信頼感と清潔感を感じるスッキリとしたレイアウトになっている。また、岡澤さんが提案したキャッチコピーも前向きで、サイト全体を通して感じられる明るさや爽やかさとマッチしている。</p>



<p class="wp-block-paragraph">ところで、今回岡澤さんは写真撮影も行われたのだとか。大変なことはあったのだろうか？</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-34"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>サロンがマンションの一室にあり、<strong>自然光をどう取り入れるのか</strong>と言う点は苦労しました。午前中の日が入りやすい時間帯に撮影させていただき、天気もよかったので良い写真が撮れたのではないかなと思います。撮影自体に関しては、参考サイトをベースに構図や撮り方を考えて撮影したのですが、そこまで苦労することはなかったと思います。日頃<strong>趣味で撮っていたことが役に立ちました</strong>。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-24 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>写真には光が大切なんですね！！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">カメラを始めたきっかけは高校生の時、たまたま父からカメラを譲り受けたことだったそう。長年続けていた趣味が制作に活きることはとても素敵なことだ。<br>Web制作の業界では様々なスキルが求められるが、カメラの技術は今後の就職活動でもきっと役立つだろう。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>写真もご自身で撮られていたとは…！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading"><strong>苦労したことと成長したこと</strong></h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-34"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>やはりコーディングには苦戦しました。今までデザインする時はコーディングのことを考えて、複雑にならないようにデザインを作っていたんです。なのでここにきていろいろ調べながらコーディングを進めることになり、大変でした。<br>特にPCからスマートフォンまでの中間サイズに苦戦したので、これからは<strong>レスポンシブを考慮したデザイン・コーディング</strong>ができるようになりたいです。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<figure class="wp-block-image size-full"><img decoding="async" width="1782" height="1101" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/01/5975ff2251a1bf13ff25a46d7dd4ea6f.jpg" alt="" class="wp-image-1329" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2025/01/5975ff2251a1bf13ff25a46d7dd4ea6f.jpg 1782w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/01/5975ff2251a1bf13ff25a46d7dd4ea6f-768x475.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2025/01/5975ff2251a1bf13ff25a46d7dd4ea6f-1536x949.jpg 1536w" sizes="(max-width: 1782px) 100vw, 1782px" /><figcaption class="wp-element-caption">左：PC表示　右：スマートフォン表示</figcaption></figure>



<p class="wp-block-paragraph">特に岡澤さんが苦戦したというセクション。画面幅が狭くなると写真の枚数が変わる。レイアウトにこだわってデザインした分、レスポンシブコーディングで悩む部分が多かっただろう。実際デザインしてみると、レスポンシブまで気が回らずコーディングの時に悩む気持ちにはとても共感する。自身も気を付けていきたいポイントだ。</p>



<p class="wp-block-paragraph">では成長したことはなんだろうか？</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-34"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p><strong>一人でやり切る経験ができたこと</strong>だと思います。今までの仕事はチームで進めていくことがほとんどでした。仕事の割り振りは先輩が、案件全体の調整やお客様との調整は上司が進めてくれていたのですが、個人制作ではそういったことも含めて全て自分でやるので、一人で進める力がついたんじゃないかと思います。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-24 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>個人制作では、クライアントとの調整など勉強になりますよね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading"><strong>デザインの楽しさと今後の目標</strong></h2>



<p class="wp-block-paragraph">個人制作と並行してデザインジムも受講されていた岡澤さん。デザインのどのような部分に魅力を感じているのだろうか？</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-34"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>改めて言われると難しいですね…<br>どの工程も楽しいですが、強いて言うなら<strong>情報設計やコンセプトを考える工程</strong>が特に楽しいです。大変だけど一番ワクワクしているような気がします。ヒアリングでお客様から聞いた内容をまとめて、雰囲気に近いサイトをたくさん探して、ふくらんだイメージを言語化し整理する。どんな表現やデザインが最適なのか考え抜いて、形になっていくところにやりがいを感じています。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">この工程がしっかりできていれば、その後のデザインで悩むことはほとんどないんです、と岡澤さんは続けた。情報設計の大切さは授業やチーム制作でもひしひしと感じたが、実際かなり難しい部分だと感じた。その工程を楽しみながら、クライアントの想いに寄り添った岡澤さんだからこそ、この素敵なサイトを作り上げることができたのだろう。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>情報設計楽しいですよね♪デザインする上でとっても大切な部分。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">岡澤さんは現在、転職活動に向けてポートフォリオを作成しているそうだ。今後の目標を聞いてみた。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-34"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>まずは就職することです。制作会社に入って<strong>様々なデザインを作れる機会があるところ</strong>がいいと思っています。デザインジムでグラフィックの勉強もしたので、Webだけではなくグラフィックのデザインにも挑戦してみたいです。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-24 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>Webもグラフィックデザインもできるのは強いですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">今回のインタビュー中、岡澤さんは楽しそうにデザインのお話しを聞かせてくれた。「作業スピードが遅いんです」と話していたが、それは細かいところまで気を配り、こだわることができる証拠だ。ポートフォリオを完成させたら、転職活動を始めるという。岡澤さんの目標が達成されることを望むばかりだ。<br>岡澤さん、ありがとうございました！</p>


<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/hasegawa.png" alt="長谷川" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">HASEGAWA</div>
      <div class="c-author__profile">クリエイターズファクトリー43期生。元バリスタ。</br>オタク気質な好奇心旺盛人間。コーヒーと星野源が好き。</div>
    </div>
  </div>
</div><p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1321/">41期岡澤さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>オン7期森野さん</title>
		<link>https://cs-magazine.creators-factory.com/works/1239/</link>
		
		<dc:creator><![CDATA[宮本朱令]]></dc:creator>
		<pubDate>Sun, 17 Nov 2024 04:28:43 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/works/1239/</guid>

					<description><![CDATA[<p>今回取材するのは、森野さん制作のフランス料理レストランのサイト。エシャロットは、森野さんの学生時代からの知り合いが営むレストランだ。これまで、SNSでお店の情報を毎日投稿して集客に力を入れていたが、「ディナータイムの来客...</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1239/">オン7期森野さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">今回取材するのは、森野さん制作のフランス料理レストランのサイト。エシャロットは、森野さんの学生時代からの知り合いが営むレストランだ。これまで、SNSでお店の情報を毎日投稿して集客に力を入れていたが、「ディナータイムの来客数をもっと増やしたい」という希望があり、今回Webサイトを作ることになったそうだ。</p>



<h2 class="wp-block-heading">サイトを制作するにあたり意識したこと、こだわったこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-29"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p><strong>「ディナータイムの来客数を増やす」</strong>ということを意識してデザイン設計しました。このレストランは大通りから外れている場所にあって少し分かりづらく、開業2年目でまだ知名度が低かったそうです。オーナーがSNSの投稿を頑張っていたので、ランチのお客さんは増えてきていましたが、ディナータイムの来客数はまだ増えないというお悩みがありました。ディナーが利用できるというイメージがつくように、<strong>お酒が飲めるお店ということがユーザーに伝わるようなワインのイラストや写真を多く使いました。</strong></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">トップページのメインビジュアルは、赤ワインをこぼしたような水彩タッチのあしらいがとても印象的でワインが飲みたくなった。デザインで特にこだわったことは何だろう。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-29"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>クライアントに要望された<strong>「高級路線のイメージ」をデザインで表現すること</strong>でした。ホテルほど高級ではないけれど、フレンチレストランなので、おしゃれで洗練された感じがユーザーに伝わるように、<strong>色味やセクションごとの余白を広めに取る</strong>ことなどにこだわりました。また、レストランのロゴデザインと馴染むように、<strong>繊細な印象のイラストを選定</strong>して挿入しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>まさに高級だけどイラストなどで親しみも感じました！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">「特別な日常に味わうフランス家庭料理」というお店のコンセプトに合った上品なあしらいが全体に使われていて、お店の雰囲気がWebサイトに反映されている。写真は、すべて森野さんが撮影したとのこと。料理が美味しそうに見えるように撮るのが難しかったそうだ。どの料理もテリッとした艶が美しく、食欲をそそられる。素材に使用する写真の大事さを感じた。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1800" height="896" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_wine.png" alt="森野さん説明１" class="wp-image-1247" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_wine.png 1800w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_wine-768x382.png 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_wine-1536x765.png 1536w" sizes="(max-width: 1800px) 100vw, 1800px" /><figcaption class="wp-element-caption">赤ワインをこぼしたようなあしらいが素敵</figcaption></figure>



<h2 class="wp-block-heading">制作過程で苦労したこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-29"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>苦労したことは<strong>コミュニケーション面で沢山ありました。</strong><br>まず、ヒアリングです。<br>クライアントの思いを聞いたときに、お店の方針やWebサイトを利用するお客さんに何を伝えたいかなど、いざ聞かれるとクライアントは具体的に言葉にするのが難しいということがわかりました。そのため、<strong>会話の中でクライアントが考えていることをうまく引き出せるような質問の仕方を身に付けなければいけないと思いました。</strong><br>また、当初のヒアリングでは、ディナーのページは、アラカルト料理を最初に載せる予定だったのですが。ページを作り、お店のスタッフにも確認して頂いたところ、コース料理をページの最初に載せることになり急遽修正しました。<strong>初めにヒアリングがしっかりできていれば、もっとデザインを作り込めたのになと後悔しました。</strong></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>シロクマ：実はデザインに入る前のヒアリングや構成部分が難しいんですよね</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-29"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>次に、提案力の乏しさです。<br>既存メニューの説明文が分かりにくいと気がつき、Webサイトに載せるにあたって説明文の変更を提案したのですが、うまく説明できず、クライアントに納得して頂けませんでした。<strong>お店を良くするための提案の仕方を身につけていきたいと感じました。</strong><br>最後に、日程調整です。<br>写真撮影の日程がなかなか決まらず、返事待ちの時間が長くなり作業が止まりました。<strong>最初に自分からある程度提案して日程調整すればよかったと反省しました。</strong></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-23 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>なにごとも事前準備が大事なんですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">なるほど、相手のいる実案件ならではの苦労が沢山あったようだ。知り合いのクライアントであっても、ヒアリングの中でうまく相手の考えをうまく聞き出すのは難しいということがわかった。ライターのオムタマもクライアントへの提案はどこまで踏み込んでいいのか悩むことがある。クライアントの要望をしっかりと汲み取ることは第一優先だが、クライアントの目標を達成するためには、Webサイト制作側がユーザー目線でどのように提案すれば効果的か、実案件を経験する中で学んでいきたいと思った。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1920" height="927" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_menu.png" alt="森野さん説明２" class="wp-image-1249" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_menu.png 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_menu-768x371.png 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_menu-1536x742.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">角度を変えて撮影することで、盛り付けは同じだがメインの具材が違うことが分かる。キャプションの説明もお客様目線で分かりやすい。</figcaption></figure>



<h2 class="wp-block-heading">制作を終えて、成長したと思うこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-29"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>成長したことは、<strong>授業の中では学べなかったコーディングの知識を個人制作を通して学ぶことができた</strong>ことです。制作の大半をコーディングで苦労しましたが、<strong>Webサイトをサーバーにアップするまで一人で作り切ったことは、とても自信になりました。</strong><br>制作を終えて、「もっといろんなデザインをしてみたい、アニメーションをつけたサイトを作りたい、SEOの知識もつけたい」など、<strong>クライアントの役に立つために幅広く勉強したいことが見えてきました。</strong></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>まず、一つのサイトをやり切ったこと自体がえらいと思うんです！！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">サーバーに公開するまでにも苦戦したそうで、出来上がったWebサイトをテストサーバーにアップしてからブラウザやデバイスによって見え方が違うことに気が付いたという。CFの先生方に何度も相談して、修正を重ねて一般公開に至ったそうだ。先生方の手厚いサポートがあることで安心して制作に挑戦できるんだなと改めて感じた。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-23 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>たくさんの人に助けれてできた作品、愛着が深まりそう！</p><div class="liquid-speech-balloon-arrow"></div></div></div>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" width="1800" height="892" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_qa.png" alt="森野さん説明３" class="wp-image-1252" style="width:624px;height:auto" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_qa.png 1800w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_qa-768x381.png 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/11/morino_qa-1536x761.png 1536w" sizes="(max-width: 1800px) 100vw, 1800px" /><figcaption class="wp-element-caption">Q＆Aには、お客様からよく問い合わせがある質問がぎっしりとまとめられている。</figcaption></figure>
</div>


<h2 class="wp-block-heading">クライアントの反応と今後の目標</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-29"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>サイトを公開してから約２ヶ月のうちに、<strong>「目標だったディナーの予約が増えて、お客さんも増えたよ」</strong>と早速クライアントから反応をいただけて、すごく嬉しかったです！<br>今後の目標は、ポートフォリオの作成が直近の課題です。また、Trikumuの課題を捌きつつ、STUDIOやSEOなどを自分が納得できるところまで勉強して、<strong>Webデザインの仕事でお客さんに喜んでもらえるようになりたいです。</strong><br>ライフプランに合わせて働けるように、フリーランスのWebデザイナーを目指しています。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-23 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>Webサイト制作の目的がしっかり達成されてすごい！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">自分の作ったもので人の役に立ちたい。前職ではそれを実現できなかったがWebデザインで実現できることに魅力を感じたと、森野さんは答えてくれた。森野さんの「クライアントの役に立ちたい」という思いは、インタビューの中で何度も感じられた。例えば、今回のクライアントは1人で料理から配膳まですることが多く忙しいため、森野さんが「電話対応の手間を省けたら」と考え、よくある質問ページの作成を提案したということ。よくある質問ページは、あまり飲食店のWebサイトで見かけないが、起点の利いた提案だと思った。個人制作を通して、「お客さんの役に立てるように勉強したいことが増えた」と元気いっぱいに話してくれた森野さん。クライアント思いのWebデザイナーに飛躍しそうだ。心から応援したい。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>こういう思いやりや、自ら提案できる方がきっと重宝されますよね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">森野さん、ありがとうございました！</p>


<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/omutama.png" alt="オムたま" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">OMUTAMA</div>
      <div class="c-author__profile">クリエイターズファクトリー43期生。取材、ライティングは初挑戦。<br>人の人生を知るのが好き。好物は卵とティラミス。</div>
    </div>
  </div>
</div>


<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1239/">オン7期森野さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>38期岩﨑さん</title>
		<link>https://cs-magazine.creators-factory.com/works/1193/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Sat, 21 Sep 2024 12:59:59 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/works/1193/</guid>

					<description><![CDATA[<p>今回取材するのは岩﨑さんの妹さんが運営するベビーマッサージ教室のWebサイト。前回のフォトスタジオのサイトが好評で、引き続き依頼をいただいたとのこと。フォトスタジオのサイト同様、優しい雰囲気を残しつつ、働くママのお仕事支...</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1193/">38期岩﨑さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">今回取材するのは岩﨑さんの妹さんが運営するベビーマッサージ教室のWebサイト。<br>前回の<a href="https://www.yotsuba-photo.com/" target="_blank" rel="noreferrer noopener">フォトスタジオ</a><a href="https://www.yotsuba-photo.com/">のサイト</a>が好評で、引き続き依頼をいただいたとのこと。フォトスタジオのサイト同様、優しい雰囲気を残しつつ、働くママのお仕事支援も行っていることから、誠実で信頼感のあるサイトを目指したそう。<br>前回のインタビュー記事は<a href="https://cs-magazine.creators-factory.com/works/540/">コチラ</a></p>



<h2 class="wp-block-heading">サイトを作るときに意識していたこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>意識したことは、クライアントのこだわりが自宅でのサービス提供ということと、お客様もママや赤ちゃんなので、<strong>安心感のある印象づけ</strong>です。<br>ユーザーに対して「ベビーマッサージとは何か、どんな内容のレッスンなのか、教室の雰囲気はどんなものか」が伝わるようにトップも動画にしました。<br>もう一つは「<strong>引き算</strong>」です。<br>以前フォトスタジオサイトを作った時に、情報を盛り込みすぎた感じがしました。<br>情報過多になりすぎず、<strong>余白をうまく利用してシンプル</strong>に必要な情報だけを見えるように意識しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>各セクション、広めの余白とわかりやすい情報設計で伝えたいことが明確ですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">ロゴにも屋根が使われているので、メインビジュアルの家の切り抜きに統一感があり、安心感をとても感じる。たくさん流れてくる赤ちゃんの写真も可愛くて見ちゃうし、教室はどんな雰囲気で、どんな風にマッサージをしているかもわかりやすい。<br>シンプルで見やすく、忙しいママにも最後まで見てもらえそう！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1920" height="1020" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/78c4b0045b61d2f35e7f2c57caa2b4a5-e1726287195527.jpg" alt="メインビジュアル" class="wp-image-1189" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/78c4b0045b61d2f35e7f2c57caa2b4a5-e1726287195527.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/78c4b0045b61d2f35e7f2c57caa2b4a5-e1726287195527-768x408.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/78c4b0045b61d2f35e7f2c57caa2b4a5-e1726287195527-1536x816.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">マッサージの様子もわかりやすい</figcaption></figure>



<h2 class="wp-block-heading">見てほしいポイント</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>ベビーマッサージだけでなく、ママが独立するための<strong>支援的スクール</strong>もかねているので、サイト内のそこに当たる部分のデザインを変えて、雰囲気が変わるようにしました。<br>スクール感を出したかったので、背景を方眼用紙にして<strong>「お教室」</strong>や<strong>「かっちり感」</strong>をイメージしました。<br>また、ママに見てもらうことが目的なので、スマホで見ることが多いだろうということも考えながら作りました。<br>レスポンシブの際には横並びをスライダーに変更してスクロールを少なくし、前回より<strong>ユーザー視点</strong>を大事にすることを意識しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-24 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>短いセクションごとに詳細への導線があったり、スマホでも文字に動きがあり読みやすい！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">背景でメリハリを出すことで「ここからテーマが変わる」ということがわかりやすく表現されている。フォトスタジオサイトと比べて動画が入ったり、アニメーションなどの技術力も上がっているのもわかる。すごい！</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1920" height="1040" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/e1919b668baf167bff55c35fe90a3b46-1.jpg" alt="column_iwasaki" class="wp-image-1187" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/e1919b668baf167bff55c35fe90a3b46-1.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/e1919b668baf167bff55c35fe90a3b46-1-768x416.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/e1919b668baf167bff55c35fe90a3b46-1-1536x832.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">かっちりの中に、なんだか懐かしさも感じる。</figcaption></figure>



<h2 class="wp-block-heading">むずかしかったところ、もっとがんばりたかったところ</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>後から思ったのは、クライアントが自分で更新できる仕様にすればよかったな、と思っています。<br>個人で運営しているので、メニューの変更が結構あって。<br>現在の仕様は、変わるたびに外部の予約サイトで変更してもらっているので、手間もあり、別料金もかかっているので、そこのコスト削減もできたなと思います。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>公開後の効果的な運用方法までしっかりと考える必要があるんですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">アップデートがスピーディーなこの時代、マッサージのメニューも支援の内容も今後どんどん変化がありそうだ。完成後、クライアントが自分で変更できるような媒体も増えてきそうな気がする。<br><br>ところで、岩﨑さんは前回同様クライアントが妹さんだったわけだが、身内だからこそ、コミュニケーションの面での違いはあったのだろうか。<br></p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>身内だからこその<strong>メリット</strong>としては、コミュニケーションが取りやすいのと、気を遣わずに<strong>意見を出し合えました</strong>。<br>そのおかげでクライアントの要望にとても近いサイトが作れたと思います。<br>ただ、<strong>デメリット</strong>としては逆にフランクになりすぎて期日がのびのびになったり、相手の生活状況もよく知っているので、反対に<strong>頼みにくい</strong>こともありました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">四姉妹だという岩﨑さん。このサイトのメインビジュアルの動画は、実はもう一人の妹さんが編集して作られたそうだ。ほかの姉妹にも助けてもらいながら作ったというこのサイト、さらに家族愛を感じた。仲が良いし、今後の関係もあるので頼みにくいことは身内だけでなく、友達でも起こりそうだ。<br>だからこそ、成長につながる部分もあると思う。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1920" height="1093" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/fbf59f2d7d2a46008335f51a0f724d53.jpg" alt="lesson_iwasaki" class="wp-image-1190" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/fbf59f2d7d2a46008335f51a0f724d53.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/fbf59f2d7d2a46008335f51a0f724d53-768x437.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/fbf59f2d7d2a46008335f51a0f724d53-1536x874.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">全ページ愛情たっぷり</figcaption></figure>



<h2 class="wp-block-heading">岩﨑さんが考える、つくる楽しさ</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>クライアントの抽象的な表現を自分の中で考えて深掘りするところがやはり大変ではあります。<br>だけどその分、提案したものが<strong>クライアントの考えにバチっとはまった時</strong>に「デザインって楽しいな」と思います。<br>クライアントと気持ちの土俵を同じにして、一緒に喜んだり共感すると、クライアントもどういったことがしたいかをこちらに伝えやすいので、そういった空気作りも楽しさの一つです。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-24 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>相手を知ることはクライアントワークの骨子ですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>クライアントの話を真剣に聞き、自分の中で深掘りして表出することが成功の秘訣なのかも！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">ライターである黒岩もインタビュー中、とても楽しかった。話しやすい空気感を作るのが上手い方なんだなぁと感じた。そのコミュニケーション力があるだけでWebサイトを作ってもらいたいなと思えるので、とても強みになるのではないかと思った。</p>



<h2 class="wp-block-heading">今後の目標やキャリアプラン</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>今後はもっと<strong>いろいろなことに挑戦しよう</strong>と思います。<br>今までは休みの日も働いてることが多くて、仕事中心の生活でした。それも楽しかったけど、人生の転機があって「なんのために働いてるんだろう」という気持ちになったことがあった。<br>そこからは好きなことを思った時にできるだけ経験しようと思い、旅行や新しい趣味を探すことを始めました。<br>今の仕事に慣れてきたら、Webサイトやポートフォリオを作って、どんどん世に出していきたい。<br>趣味で磨かれていく感性を創作活動に活かして、<strong>自分の人生を豊かに</strong>していきたい。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-24 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>クライアントにも自分自身にも実りが得られるのがWebサイト制作の魅力ですね。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">明るく前向きな岩﨑さん。インタビューも楽しく、いろいろなことを経験したい黒岩もとても参考になる人生観でした。これからの岩﨑さんの作品も、今から完成がとても楽しみです。<br>岩﨑さん、ありがとうございました！</p>



<p class="wp-block-paragraph">▼YouTubeはこちら</p>


<div class="responsive-video">
    <iframe loading="lazy" title="【実案件を紹介】元営業職がWebスクールで６ヶ月学んでどのくらい制作できるようになったのか？" width="800" height="450" src="https://www.youtube.com/embed/7VoJaw_KKac?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>


<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/kuroiwa.png" alt="黒岩" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">KUROIWA</div>
      <div class="c-author__profile">クリエイターズファクトリー43期生。よく食べよく遊びよく喋りよく寝る自由人。</br>
音楽とビールとちいかわと、、、etc</div>
    </div>
  </div>
</div><p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1193/">38期岩﨑さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>41期中さん</title>
		<link>https://cs-magazine.creators-factory.com/works/1162/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Thu, 19 Sep 2024 07:30:37 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/works/1162/</guid>

					<description><![CDATA[<p>今回取材するのは、中さんの合唱団のサイト。ル・ミルフィーユは、中さんが所属している合唱団だ。大学の合唱団OBにより結成されたという。これまでSNSだけで発信していたが、『合唱だけでなく、バンドなど様々なジャンルの音楽をや...</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1162/">41期中さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>モットーがかっこいい！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">今回取材するのは、中さんの合唱団のサイト。<br>ル・ミルフィーユは、中さんが所属している合唱団だ。大学の合唱団OBにより結成されたという。これまでSNSだけで発信していたが、『合唱だけでなく、バンドなど様々なジャンルの音楽をやる合唱団』ということをもっと分かりやすく伝えられるよう、Webサイトを作ることにしたそうだ。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1920" height="996" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/9b1b25b5d17c73be53e46e6afe64a3fd.png" alt="中さんモックアップSP" class="wp-image-1202" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/9b1b25b5d17c73be53e46e6afe64a3fd.png 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/9b1b25b5d17c73be53e46e6afe64a3fd-768x398.png 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/9b1b25b5d17c73be53e46e6afe64a3fd-1536x797.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></figure>



<h2 class="wp-block-heading">サイトを制作するにあたり意識したこと、こだわったこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-26"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>『ミルフィーユらしさ』を伝えられるようなデザインを意識しました。<br>うちの合唱団ル・ミルフィーユは、ちょっと面白くて、<strong>合唱を軸に、楽器を使って歌ったりバンド活動をしたりと様々なジャンルの音楽をやる</strong>んですよ。団員みんなの『やってみたい！』という思いを形にする合唱団なんです。<br>今回のWebサイトは、その<strong>ワクワク感を伝えられるようデザイン</strong>にこだわって制作しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>合唱だけでなくバンドもやるって珍しいですね！楽しそう♪</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">サイトを拝見すると、合唱団名にちなみ、ミルフィーユの層のようなデザインと苺のあしらいがとても可愛い。特にこだわったことは何だろう。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-26"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>特にこだわったことは、TOPページのメインビジュアルですね。<br>Webサイトは、<strong>メインビジュアルの作り込みが大事</strong>だと先生にもアドバイスをいただきました。一つの動画ではなく<strong>複数の写真に動きをつける</strong>ことで、合唱以外に様々な音楽活動をしていることが一目で伝わるデザインにしました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>おっしゃる通り、ファーストビューがすごく印象的でした！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">メインビジュアルは、合唱団のイメージにはない写真が流れてきて、「へ〜こんなこともやってるんだ！楽しそう！」と、感じた。大人になっても青春が続いている感じ。合唱に馴染みのない人にも興味をそそるような“ワクワクする”仕掛けが作られていた。サイトを訪れる人に合唱の楽しさを伝えたいという中さんの思いが伝わってきた。</p>



<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex">
<figure class="wp-block-image size-full is-resized"><img decoding="async" width="536" height="528" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/330f0062f2908508d8a024316ccceeb3.png" alt="" class="wp-image-1169" style="width:224px;height:auto"/><figcaption class="wp-element-caption">可愛いアイコンが目を惹く</figcaption></figure>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1920" height="537" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/Group-3.jpg" alt="" class="wp-image-1208" style="width:794px;height:auto" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/Group-3.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/Group-3-768x215.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/Group-3-1536x430.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">                                    問い合わせボタンをホバーすると苺が現れる</figcaption></figure>
</div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>こういう細かい作り込みがサイト全体の世界観を作っていくんですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">制作過程で苦労したこと、成長したと思うこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-26"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>コーディングには苦労しました。PCの見た目を最後まで整えてから、レスポンシブコーディングに移ったこと。これが、<strong>後から修正に手間がかかった原因でした</strong>。<br>ですが、<strong>コーディングにつまづいたことで学べたことも多かった</strong>です。<br>レスポンシブに対応できるようブラウザに応じて可変するフォントサイズを指定することを知ったり、CSSで指定できない図形は後に更新しにくいということに気づきました。<strong>今後は、初めからレスポンシブを考え、手間がかからないデザイン、コーディングを目指そうと思いました</strong>。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>デザインの時点からコーディングを意識しておく必要があるんですね…！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">なるほど。以前、授業の中で全てを学ぶことは難しいと聞いたことを思い出した。実際に制作してみて初めて学べることの方が圧倒的に多く、そしてより身に着くのだろう。<br></p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-26"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>制作を終えて成長したことは、<strong>コンセプトを明確にして白黒デザインを作り込むようになった事</strong>ですかね。今までは、あまり考えずデザインに走っていたなぁと、、<br>このあしらいはどういう意図で配置しているかなど、白黒の段階で言語化するよう心がけました。おかげで、<strong>納得いくものを作れるようになった</strong>と思っています。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>中さんは、<a href="https://note.com/nkhr_racoon1661/n/ne6395d7d146b" target="_blank" rel="noreferrer noopener">note</a>のサイトレビューも白黒で言語化をたくさんされてましたね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">納得のWebサイトを完成させた中さん。少し後悔したことは、合唱団メンバーに納期の共有ができていなかったことだそうだ。今回、文章はメンバーが担当していた。納期は頭の中で決めていたが、メンバーということもあって共有が曖昧になり、文章の提出を急かしてしまったそう。完成までの予定の擦り合わせは、相手がいる限り、とても大切なことだと感じた。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-22 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>定期的な報告・相談・連絡はやはりどの職種においても大切なんですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<figure class="wp-block-image size-full"><img decoding="async" width="1920" height="596" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/95d2f3d570ba643951beac48138db041.jpg" alt="" class="wp-image-1166" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/95d2f3d570ba643951beac48138db041.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/95d2f3d570ba643951beac48138db041-768x238.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/95d2f3d570ba643951beac48138db041-1536x477.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">苺の形のレイヤーをコーディングするのが困難だったそう<br></figcaption></figure>



<h2 class="wp-block-heading">Webデザインの魅力と今後の目標</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-26"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>CFの講師陣やXのWebデザイナーの発信を見ていると、<strong>この業界は、意欲を持って働いている人が多い印象</strong>なんです。お金のためだけではなく、<strong>誇りを持って、思いを込めて仕事ができるっていいなぁ</strong>と。そこに、Webデザインの魅力を感じますね。<br>そして、私自身が<strong>今、Webデザインの勉強が楽しい</strong>んです。難しいと思うこともあるけど、苦じゃない。デザインをコーディングで実現できるのは楽しいし、制作を経て、<strong>自分の成長が目に見えるのが嬉しい</strong>です。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">Webデザイナーを目指す人の中で、中さんに共感できる人は多いのではないだろうか。ライターのオムたまもその一人だ。中さんの言葉を受け、大きく頷いた。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>言われてみれば確かにそう！制作が楽しくて仕方ないって人が多い業界ですよね！！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-26"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>目標は、ディレクションもできるデザイナーになることが理想ですね。なにせ、好奇心旺盛なので！(笑) やりたいことはなんでもチャレンジしたいです。<br>計画では、9月中にポートフォリオを完成させて、今年中に内定を貰いたいです。<br>営業の経験を活かしてコミュニケーションを図り、<strong>Webデザインでお客さんの悩み事を解決したいなと思ってます</strong>。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">ライターのオムたまは、中さんの<a href="https://note.com/nkhr_racoon1661/n/ne5b558cc5e8b?sub_rt=share_h">note「</a><a href="https://note.com/nkhr_racoon1661/n/ne5b558cc5e8b?sub_rt=share_h" target="_blank" rel="noreferrer noopener">サイト</a><a href="https://note.com/nkhr_racoon1661/n/ne6395d7d146b" target="_blank" rel="noreferrer noopener">分析の</a><a href="https://note.com/nkhr_racoon1661/n/ne5b558cc5e8b?sub_rt=share_h" target="_blank" rel="noreferrer noopener">毎日</a><a href="https://note.com/nkhr_racoon1661/n/ne5b558cc5e8b?sub_rt=share_h">投稿</a>」などを拝見して、継続力が凄い人という印象があった。転職のためにやると良いと聞いたことは、何でも挑戦したそうだ。さらに、やると決めたことは必ず目標期限を定めて、逆算し、達成してきたという。取材中、何度も”好奇心旺盛”という言葉を聞き、強いパッションを感じた。なんでも吸収してやってみる、中さんの姿勢を見習いたい。</p>



<p class="wp-block-paragraph">好きな分野の仕事に挑戦するため、Webデザインの世界に飛び込んだ中さん。また一つ夢を叶えるにはそう時間はかからないだろう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="1874" height="660" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/9f7cb8a4101e9818494d303f210cffae.jpg" alt="" class="wp-image-1170" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/9f7cb8a4101e9818494d303f210cffae.jpg 1874w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/9f7cb8a4101e9818494d303f210cffae-768x270.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/9f7cb8a4101e9818494d303f210cffae-1536x541.jpg 1536w" sizes="(max-width: 1874px) 100vw, 1874px" /><figcaption class="wp-element-caption">合唱団の活動を楽しむ中さん</figcaption></figure>



<figure class="wp-block-image size-full"><img decoding="async" width="1920" height="322" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/33ac7b816be79d06ca5a0358348441ad.jpg" alt="" class="wp-image-1172" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/33ac7b816be79d06ca5a0358348441ad.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/33ac7b816be79d06ca5a0358348441ad-768x129.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/33ac7b816be79d06ca5a0358348441ad-1536x258.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></figure>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1920" height="712" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/7e14ab20e6337111e82ee795654bded4.jpg" alt="" class="wp-image-1206" style="width:1005px;height:auto" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/7e14ab20e6337111e82ee795654bded4.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/7e14ab20e6337111e82ee795654bded4-768x285.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/7e14ab20e6337111e82ee795654bded4-1536x570.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">2024年11月24日に5周年記念コンサートが公演予定です！ぜひ体験してみてください</figcaption></figure>



<p class="wp-block-paragraph">中さん、ありがとうございました！</p>


<div class="responsive-video">
    <iframe loading="lazy" title="【転職ポートフォリオ公開】営業職から未経験でWebデザイナーに" width="800" height="450" src="https://www.youtube.com/embed/hgGm0DTOu-U?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>


<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/09/omutama.png" alt="オムたま" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">OMUTAMA</div>
      <div class="c-author__profile">クリエイターズファクトリー43期生。取材、ライティングは初挑戦。<br>人の人生を知るのが好き。好物は卵とティラミス。</div>
    </div>
  </div>
</div>


<p class="wp-block-paragraph"></p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1162/">41期中さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>37期石村さん</title>
		<link>https://cs-magazine.creators-factory.com/works/1087/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Thu, 18 Jul 2024 00:26:37 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/works/1087/</guid>

					<description><![CDATA[<p>サイトを開くと上下に流れているのは血管を元気に流れる赤血球をイメージしました。また、スマホ特化のデザインにしたのは、若い人にも来てほしいので…</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1087/">37期石村さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">今回は石村さんの献血普及サイトを取材した。<br>石村さんは大の献血好きで、ハマっていたときは月に一度のペースで献血に通っていたという。個人制作で何を作るか考えた際、どうせなら完成まで続けられるよう自分の好きなものを題材にしようと考えたそうだ。石村さんの献血サイトは中間発表時点でもCF内で話題になったほど、斬新なアイディアで献血の世界を見事に表現したサイトとなっている。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>個人制作の題材としては斬新すぎてすごく印象に残ってます！デザインも好き<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1faf6.png" alt="🫶" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">献血の魅力とは</h2>



<p class="wp-block-paragraph">献血といえばハマる人はハマると聞いたことがある。ライターのシロクマにとって、献血といえば自動車運転免許試験の待ち時間でのこと。献血バスが来てたので一度やってみようと思い行ったものの断られてしまい、それ以来どこか遠い存在となってしまった。そこでまず、石村さんに献血の魅力について聞いてみようと思う。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-20"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>最初に経験したのは大学生のときで、学校にバスが来ていたので軽い気持ちで行くと、お菓子やジュースがもらえたのが嬉しかったです。<strong>良いことした上にお礼がもらえるなんていいな</strong>と。その延長でいろいろ調べていたら、<strong>場所や条件によってもらえるものが違う</strong>ことがわかり、興味を持ちました。例えば、醤油とか、卵１パックとかもらえるところもあるそうです。<br>自分でサイトを作るとより意識するようになって、献血目当てでいろんな場所に行きました。<strong>ゲームのようにクリアしていく感じ</strong>で楽しかったです。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">献血にも実は種類があるらしい。単に血をぬくだけのものだと30分、成分を抜くものだと1時間くらいかかることもあるそうだ。石村さんは献血にハマるようになってからは、何かの目的のついでではなく、むしろ献血目的でその場所を訪れるようになったそう。献血は社会貢献にもなるし、その土地に行くきっかけにもなるし、お土産ももらえるし、話のネタにもなるし、とても素晴らしい趣味ではないか。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>献血に行くといろんなものがもらえるって初めて知りました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1920" height="1207" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_3.jpg" alt="献血サイトの写真" class="wp-image-1090" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_3.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_3-768x483.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_3-1536x966.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">サイトから献血できる場所も検索できるよ！</figcaption></figure>
</div>


<h2 class="wp-block-heading">サイトを作る上で意識したこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-20"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>この<strong>サイトを見た人が献血に行きたいと感じてほしい</strong>ので、できるだけわかりやすいように情報設計しました。献血が周りであまり普及していないのは、ちょっと怖いというか、何をするかわからないことも大きいと思うんですよ。公式のサイトは真面目な感じですが、それよりももっと<strong>ポップでかわいらしい印象</strong>にしようと意識しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">たしかに献血と聞くと、なんとなくのイメージはあるが、具体的な手順や、かかる時間・方法など、詳しく知らない人も多いと思う。ポップでかわいらしいイラストで楽しく知識を得て、献血への理解が深まれば最高だ。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1920" height="1212" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_2.jpg" alt="献血サイトの写真" class="wp-image-1093" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_2.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_2-768x485.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_2-1536x970.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">血液型のキャラクターたちがかわいい。</figcaption></figure>
</div>


<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-20"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>イラストを描くのが得意だったので、<strong>サイトのイラストも全部自分で描きました</strong>。オリジナルなら著作権は自分にあるから、いろいろ考えなくていいと思って、ロゴやキャラクターも自分で考えました。サイトを開くと<strong>上下に流れているのは血管を元気に流れる赤血球をイメージ</strong>しました。また、<strong>スマホ特化のデザインにしたのは、若い人にも来てほしいの</strong>で、その方がわかりやすいと考えました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">若者向け、ということも考えられてスマホファーストのデザインにしたそう。石村さんのサイトを見ると血液型のイラストがかわいらしく、色もカラフルで取っつきやすいサイトとなっている。飽きずに次々とみたい気持ちにさせてくれるし、内容もわかりやすいから、本当に勉強になる。ヘッダーが血でフッターが水分で対になっているのも芸が細かい。<br>ちなみに石村さんの血液型はA型らしい。（ライターのシロクマはO型）</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>イラストがすごくかわいい。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>スマホデザインにしているのがイマドキって感じ！参考になります。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">サイトを作る上で苦労したこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-20"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>苦労したのは<strong>最初の設計やコンテンツ作りの部分</strong>ですね。ワイヤーに起こすまでがとにかく時間がかかりました。それが決まってからは割とスムーズだったかもしれません。<strong>テーマが独特で参考サイトも少なかった</strong>ので、どんな構成にするとか、内容を決めるのが大変でした。あとはコーディングのモーション部分です。検索しまくったり、先生に「どう調べたらいいですか？」と聞いたりしました。slackの質問チャットで、同じことを質問している人がいないか先に調べたり。おかげで<strong>何でもかんでも聞かずにまず自分で調べるくせはつきました</strong>。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">コーディングの質問で先生に「赤血球が動きません」と真剣に聞いて、「どれのこと？」と言われたらしい（笑）本人の中ではっきりと世界観ができあがっていて、気持ちも入っていたのだろう。血って少し怖いイメージがあるけど、石村さんのサイトは血管の赤血球を動かすアイディアなどで、怖いイメージからは程遠い。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>設計苦手だから、時間がかかるのわかります。</p><div class="liquid-speech-balloon-arrow"></div></div></div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1920" height="1178" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_1.jpg" alt="献血サイトの写真" class="wp-image-1092" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_1.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_1-768x471.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_1-1536x942.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">左右に上下に流れている赤血球。ぜひPCでみてみてね！</figcaption></figure>
</div>


<p class="wp-block-paragraph">逆にもう少しこうしておけばよかったなということはあるのだろうか。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-20"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>自分の中では割と出し切ったかなって感じです。過去のことは振り返らないようにしているタイプなので（笑）<br><strong>当時の自分の中での最高を出せた作品</strong>だと思っています。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">かっこいい（笑）他の皆さんもそうだが、そのときの自分ができる範囲で精一杯制作しているのだ。</p>



<h2 class="wp-block-heading">石村さんが思う、デザインの魅力</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-20"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p><strong>自分の知らないところで見てくれる喜び</strong>ですかね。<strong>ここの部分いいねと具体的に言われると嬉しい</strong>です。そこがあるからやめられないというか。他の仕事だと、自分の作ったものをカタチとして見てもらう機会ってなかなかないと思うのですが、デザインの仕事は作ったものを証明できるのが醍醐味だと思います。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">具体的にカタチとして示せること。ダイレクトに褒められた部分がわかること。それは本当にデザイナーならではだなと思う。また、その瞬間だけではなく、作り終えた後もこうして話題になると苦労した甲斐があったと思える。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>石村さんのポートフォリオも自身のカラーが出ていて素敵だな、と思います。</p><div class="liquid-speech-balloon-arrow"></div></div></div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1920" height="1173" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_4.jpg" alt="献血サイトの写真" class="wp-image-1091" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_4.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_4-768x469.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/07/kenketsu_4-1536x938.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">色もカラフルでわかりやすく設計されている。</figcaption></figure>
</div>


<h2 class="wp-block-heading">今後のキャリアプラン</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-20"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>今の会社でアシスタント業務からスキルアップを目指したいと思います。実際に転職して現場でデザイナーさんがスピーディに作り上げるのを見て、本当に自分はできるのだろうか？って思うこともあるのですが、なんとかそこに追いつきたいと思います。やっぱり<strong>現場に入ってみると日々発見の連続で、吸収や勉強することが段違いに多い</strong>ですね。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">未経験から転職を成功させ、現在はWeb制作会社で働く石村さん。現場のスピード感や成長度はやはり違って、日々成長されているそうだ。<br>CF内でも当時から反響になっていた石村さん制作の献血サイト。同期や周りから、献血の知識について「知らなかった」と言われたことも多かったらしい。少なくとも今は献血バスを見るとまず石村さんのサイトを思い浮かぶようになった。石村さん自身も献血の知識が増え、今ではパッと人に説明できるまでになったそうだ。わかりやすい内容で献血を普及するのにピッタリだと思うし、どうか、このサイトが日本赤十字社様に届きますように…</p>



<p class="wp-block-paragraph">石村さん、ありがとうございました！</p>



<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/author-shirokuma.png" alt="シロクマ" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">SHIROKUMA</div>
      <div class="c-author__profile">クリエイターズファクトリー35期生。元国語教師。</br>お好み焼きとシロクマが好き。</div>
    </div>
  </div>
</div>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/1087/">37期石村さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>39期松本さん</title>
		<link>https://cs-magazine.creators-factory.com/works/97/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Sun, 09 Jun 2024 22:00:00 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/?post_type=works&#038;p=97</guid>

					<description><![CDATA[<p>提案をする際に、TOPページを2案作っておくといいとアドバイスいただきました。実際にスタイリッシュなものとアットホームなもの両方クライアント様に見せた上で、自分は…</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/97/">39期松本さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>コミュ力とイベント参加率がすごい。行動力アゲェ～な人。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">今回紹介するのは松本さん制作の工務店サイトだ。多くの受講生が個人制作で作るサイトがだいたい平均3〜5ページであるのに対し、それを遥かに超えた20ページもの超大作である。<br>こちらは松本さんが個人制作でクライアン様を探していたところ、友人の紹介でご縁をいただいたという。</p>



<h2 class="wp-block-heading">初のクライアントワークで戸惑ったこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-04"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p><strong>クライアント様が考えるサイトのイメージと、私が考えるものに違いがあったことです</strong>。クライアント様が最初にこういう感じがいいと見せてくれたのは、スタイリッシュなものだったんですけど、それが正直会社のイメージに合ってなくて。ヒアリングを繰り返すうちに、クライアント様の会社はどちらかというと地域密着型で「親しみ」や「アットホーム」という言葉の方がふさわしいと感じました。<strong>もし望み通りスタイリッシュなサイトにしてしまうと、それを見て注文してくれた人が実際会うとギャップが生まれると感じたんです</strong>。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>ヒアリングの大切さを感じました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">たしかに、架空案件と違って難しいところは相手も生身の人間だということ。相手の理想と、こちらが思い描くデザインにズレが生じることがあるのはよく聞く話だ。もしここで間違った方向に進んでしまうと、クライアント様にとっても悪い結果になりかねない。相手に自分の意見を伝えて納得してもらうのはなかなか難しいことだと思うが、松本さんはどのように対応したのだろうか？</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-04"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>校長先生に相談したところ、デザイン提案をする際に、<strong>TOPページを2案作っておくといい</strong>とアドバイスいただきました。実際にスタイリッシュなものとアットホームなもの両方クライアント様に見せた上で、自分はアットホームの方がいいと考えていることを理由と共にお伝えしました。すごく勇気が要りましたが、<strong>きちんと自分の考えを伝えたらクライアント様も納得してくれて</strong>、アットホームな方でデザインを進めていくことになりました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>どんな説得をしたのか気になる！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">きっとクライアント様も実際カタチになったものを目にすると、より鮮明にイメージしやすくなったのではないだろうか。個人制作でトップページを2案作るってなかなか大変なことだと思うが（しかも授業と並行しながら）、それだけ松本さんの責任の強さと本気度を感じる。<br>私たちのような実務未経験者からするとクライアント様との接し方でどうすべきか迷う部分もあるが、そこは校長さすがプロのアドバイスだ。もちろん松本さんのデザインとコミュニケーション力があっての成功であることに間違いはない。</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="745" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/f3caea104ae705699912f37c7ddd28f6-1024x745.jpg" alt="工務店サイトのメインビジュアル" class="wp-image-591" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/f3caea104ae705699912f37c7ddd28f6-1024x745.jpg 1024w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/f3caea104ae705699912f37c7ddd28f6-300x218.jpg 300w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/f3caea104ae705699912f37c7ddd28f6-768x559.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/f3caea104ae705699912f37c7ddd28f6-1536x1118.jpg 1536w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/f3caea104ae705699912f37c7ddd28f6.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">採用されたアットホーム案。おうちの形のメインビジュアル</figcaption></figure>
</div>


<h2 class="wp-block-heading">制作する上でこだわったこと・苦労したこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-04"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>こだわった点は、ファーストビューを家の形にしたことです。<strong>工務店といってもピンとこない人もいると思うので、家のリフォームをしている会社ということが伝わるように</strong>。あとは、文章はほぼ任せていただいたのでヒアリングを通してワードを引き出して考えました。その会社はお客様の話をよく聞いて作業するということで、「お客様と共に理想の家をカタチに。」というキャッチコピーにしたり。あとは、<strong>ユーザーが気になるのは具体的にどういうものを作ってるか？というところだと思い、実績を充実させ</strong>て見せ方を工夫しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">こちら側からすると周知の事実であることも、ユーザーからするとよくわからないことも多い。サイトを訪れて一番目につくファーストビューに家のあしらいがあれば、想像がつきやすいだろう。実績が多いのも安心できる。</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="517" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_3-1-1024x517.jpg" alt="工務店サイトの写真" class="wp-image-521" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_3-1-1024x517.jpg 1024w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_3-1-300x152.jpg 300w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_3-1-768x388.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_3-1-1536x776.jpg 1536w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_3-1.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">オレンジの配色とイラストがかわいい</figcaption></figure>
</div>


<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-04"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>苦労したことは、なんといっても<strong>ページ数が20ページとめちゃくちゃ多い</strong>ので時間がかかりました（笑）<br>デザインもそうだけど、特にコーディングに苦戦しましたね。トップページのアニメーション部分のJavaScriptに苦戦しました。<strong>苦労した分、実力は右肩上がりに伸びた</strong>と感じてます。実際手を動かして、先生に聞いて、検索して、と繰り返すうちにどんどん知識が増えて、一度学んだことを次の箇所ですぐ実践してました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>初めての案件で、20ページは凄すぎる…！JavaScript難しいのめっちゃわかります<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a6.png" alt="💦" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>20ページか…ちょっと私なら心が折れますね…（笑）</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">私も毎回先生やメンターさんに個人制作のことを質問している松本さんをしょっちゅう見かけた記憶がある。CFでは授業の課題も出るし、チーム制作もある。仕事をしながら20ページもの大作を作り遂げたのだからあっぱれだ。</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="397" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_2-1024x397.jpg" alt="工務店サイトのデザインカンプ" class="wp-image-515" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_2-1024x397.jpg 1024w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_2-300x116.jpg 300w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_2-768x298.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_2-1536x595.jpg 1536w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/okhome_2.jpg 1698w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">初めてのクライアントワークでこのページ数はすごい</figcaption></figure>
</div>


<h2 class="wp-block-heading">Webデザインの魅力と今後の目標</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-04"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>デザインの魅力は、ゼロからイチを生み出すことです。自分の作品が何らかの形で誰かの目に留まるじゃないですか。<strong>作品が世に出て、自分の生きた証になる</strong>というか。それがすごいなと。<br>今後の目標としては、ディレクションからデザインまで一通り経験できる会社に就職したいです。少し前までフリーランスもいいなと思っていたのですが、今は就職したい気持ちが強いです。私はこれまで、もしかしたら本当にやりたい仕事をできてなかったのかもしれないと思って。食べるためとか、生きるためにただ仕事してただけじゃないかと。今は<strong>Webデザインが本当に楽しくて、いい会社さんに巡りあえてこれを仕事にできるのなら、残業とかも全然耐えれそう</strong>です（笑）。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>そう思えるということは、Webデザインという仕事が松本さんに本当に合っているんだと思いました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">松本さんのWebデザインへの「好き」が伝わってくる。私が松本さんのエピソードで印象に残っているのが、まだ39期の授業が始まってないにも関わらず、CFの交流会の場に参加していたことだ。もちろんその交流会は誰でも参加できたのだが、それでも初対面の人ばかりが集まる会に、堂々と参加していた彼女。それ以外にも、イベントや勉強会には必ず顔を出し、他の人にバンバン話しかけている姿をみかける。何が彼女の原動力となっているのだろう。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>シロクマさんもコミュ力えぐいよね（笑）</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-04"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>そんな大層なことではないですが（笑）せっかくお金を払ってスクールに入ったのだから何でも参加しようという気持ちもあるし、<strong>人と話すと学びになることが多く、ちょっとした刺激も受けるので。自分とは違う生き方をしてるから、知らないことが知れるのが楽しい</strong>。根本的に人と話すのが好きなんですよね。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">すばらしいですね！松本さんのフットワークの軽さは純粋な好奇心と、人と話すことの価値を心から理解しているからだと感じた。現在はデザインGYMを受講しながら、これからの転職活動へ向けて準備していくそう。きっと持ち前のコミュニケーション力とフットワークの軽さで自ら道を開いていけるに違いない。</p>



<p class="wp-block-paragraph">松本さん、ありがとうございました！</p>



<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/author-shirokuma.png" alt="シロクマ" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">SHIROKUMA</div>
      <div class="c-author__profile">クリエイターズファクトリー35期生。元国語教師。</br>お好み焼きとシロクマが好き。</div>
    </div>
  </div>
</div>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/97/">39期松本さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>38期川添さん</title>
		<link>https://cs-magazine.creators-factory.com/works/354/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Fri, 07 Jun 2024 22:00:00 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/works/354/</guid>

					<description><![CDATA[<p>アクアリウムが趣味の人って基本男性が多いんですが、もっと女性の方にも楽しんでもらいたいと思って、「女性客を増やす」というコンセプトでやりました。サイトの見た目も…</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/354/">38期川添さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>かたくなに無職を言い張りますよね、デザイナーは副業なんだ（笑）</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">今回取材するのは川添さんのアクアリウムサイト。こちらは架空のサイトだが、川添さんが全て一から考えたもので、架空とは思えないほどのコンテンツ量が話題だ。川添さんは熱帯魚に一時期ハマり、家に水槽がMAX３つあったときもあるとか。ちなみに一番好きな魚はSNSアイコンにもしてる「インペリアルゼブラプレコ」らしい。</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="673" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/pl-999307460624-1-1024x673.jpg" alt="" class="wp-image-379" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/pl-999307460624-1-1024x673.jpg 1024w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/pl-999307460624-1-300x197.jpg 300w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/pl-999307460624-1-768x504.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/pl-999307460624-1.jpg 1276w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">こちらがインペリアルゼブラプレコ。憧れはあるが高価なため手を出せなかったらしい</figcaption></figure>
</div>


<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>「インペリアルゼブラプレコ」、なんか頭良さそう。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>めっちゃ可愛い魚ですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">サイト制作にあたり意識したこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-12"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>アクアリウムが趣味の人って基本男性が多いんですが、もっと女性の方にも楽しんでもらいたいと思って、<strong>「女性客を増やす」というコンセプト</strong>でやりました。<br>サイトの<strong>見た目もアクアリウムのかわいらしさや癒やしを表現することを意識</strong>しました。初心者にもわかりやすいよう、下層の「初めての方へ」というページを見ると導入の流れがわかるよう設計しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">男性客が多い中、そこをあえて「女性客向け」としたのは、川添さんの挑戦だろう。アクアリウムに馴染みのない私でも、サイトを見ると費用や魚の世話など詳しく書かれており、とてもわかりやすい。初めてのユーザーがサイトを訪れて、「初心者はここを見ればいいんだ」というページがあるのは心強い。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-12"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>デザインでこだわった点は、サービスページの「納品までの流れ」の<strong>矢印が魚になっているところ</strong>です。他にも波を表現している箇所で、<strong>波が揺れるスピードにかなりこだわりました</strong>。<br>フォントも解星デコールを使ってかわいらしい印象にして。単純に試してみたかったというのもあるけど、アニメーションで魚がふわっと出てきたりして楽しさを表現しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">矢印を魚にするなど、サイトのちょっとしたところにも川添さんの遊び心が感じられる。魚や波が動く仕掛けなど、まるでサイト全体がアクアリウムかのような世界観がすばらしい。講師の森下先生からは、「ずっと見ていられる」と感想をいただいたそうだ。</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="718" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-34-e1717037225404-1024x718.jpg" alt="" class="wp-image-374" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-34-e1717037225404-1024x718.jpg 1024w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-34-e1717037225404-300x210.jpg 300w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-34-e1717037225404-768x539.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-34-e1717037225404-1536x1078.jpg 1536w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-34-e1717037225404-2048x1437.jpg 2048w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-34-e1717037225404.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">矢印がお魚でかわいい。細部に至るまで世界観を崩さない</figcaption></figure>
</div>


<h2 class="wp-block-heading">制作過程で苦労したことや成長したこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-12"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>苦労したのはコーディングで、さっき言ったように波のスピードがしっくりいくまで時間がかかりました。あとは、SNS（インスタ・X）の幅を調整するのに苦労したので、先生に助けてもらったり。レスポンシブの中間デザインも難しかったです。<br><strong>その分成長したのもやはりコーディング</strong>かなと。どんどん慣れてきて、<strong>最後の方はすっきりとまとめたり、効率的な書き方ができた</strong>のではないかと思います。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">どうやったら波だということが伝わるか、アニメーションのスピード設定も細かく微調整されたそうだ。アニメーションの動きって見れば見るほどわからなくなるのは私だけだろうか。コーディングに関しては、他の方へのインタビューでも成長したと感じてる人が多い。コーディングはやればやるほど慣れてきて、応用が効く部分が多いのだろうか。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>本当に魚を見てるみたいなアニメーションですごく癒されます。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>私もサイト拝見しました！フワ～って魚ちゃんたちが寄ってくるような動きがめっかわ！<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f421.png" alt="🐡" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f49b.png" alt="💛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-12"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>ちょっと後悔したのは、サイトのページ数が多く完成まで時間がかかったことです（笑）初めての個人制作だったので納期はあえて決めずやってみました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">たしかに架空サイトで全10ページもあるのはなかなかのボリューム。一ページごとの情報量も多く、「お客様の声」や「よくある質問」もあってとにかく満足感がすごいのだ。川添さん自身ブログをされていたこともあって、文章もわかりやすい。</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img decoding="async" width="1024" height="637" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-35-1024x637.jpg" alt="" class="wp-image-376" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-35-1024x637.jpg 1024w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-35-300x187.jpg 300w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-35-768x478.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-35-1536x955.jpg 1536w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-35-2048x1274.jpg 2048w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/image-35-scaled.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">サイトを訪れるとお魚たちがふわっと出迎えてくれる</figcaption></figure>
</div>


<h2 class="wp-block-heading">Webデザインの魅力と今後の目標</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-12"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>デザインの魅力…完成したときの達成感でしょうか。<strong>プラモデルとなんとなく似てる</strong>感じがします。<strong>いろいろ試していって、ピースがハマっていく感じが楽しい</strong>です。<br>自分はブログをしていたのですが、構成を考えたり読者のことを考えて記事を書くときと感覚が似ている気がします。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">「デザイン≒プラモデル」という表現はおもしろい。試行錯誤の末にこれだ！と思うカタチに仕上がったときの喜びや達成感は、たしかに通ずるものがありそうだ。メンターの久保さんも「アイディアを積み重ねて、カタチが見え始めたときが楽しい」とおっしゃっていたが、まさにそんな感じなのだろう。<br>本業は無職だと言い張る川添さん。今後はWebデザインをどのように活かしていくのだろうか。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>たしかに似ている！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-12"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>引き続きマイペースにやっていきたいです。自分は向上心がある方ではないので、そんなに強い願望とかはなくて。デザインも、<strong>仕事じゃないから楽しいって思えてるのかも</strong>。フリーで一度やってみてダメなら、どこかでアルバイトとして所属して、ぼちぼちやっていこうと考えています。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">川添さんは向上心がある方ではないと謙虚におっしゃっているが、いつも課題やチーム制作などで、デザインと丁寧に向き合っているイメージだ。授業が終わっても、特別講座のコーディングGYMとデザインGYMの両方を受講し、いろんなイベントにも参加する姿を見かける。これからも川添さんのペースで着々とデザイン力を上げていくに違いない。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>交流会で大阪に来られた時は、一人大阪探訪記ツイートをされてました。いつか案内してあげたい。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">川添さん、ありがとうございました！</p>



<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/author-shirokuma.png" alt="シロクマ" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">SHIROKUMA</div>
      <div class="c-author__profile">クリエイターズファクトリー35期生。元国語教師。</br>お好み焼きとシロクマが好き。</div>
    </div>
  </div>
</div>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/354/">38期川添さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>38期岩﨑さん</title>
		<link>https://cs-magazine.creators-factory.com/works/540/</link>
		
		<dc:creator><![CDATA[宮本朱令]]></dc:creator>
		<pubDate>Thu, 06 Jun 2024 02:48:58 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/works/540/</guid>

					<description><![CDATA[<p>クライアントから「ああしてこしい」「こうしてほしい」と要望がきたら、どうやったら実現できるか自分で調べてやる習慣がつきました。それまでは授業で習ったことを活かす…</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/540/">38期岩﨑さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">今回取材するのは岩﨑さんが作った福岡県北九州市にあるベビー＆キッズ専用のフォトスタジオサイトだ。サイトにはたくさんの赤ちゃんや家族の写真が載っており、全体的に明るくかわいらしい雰囲気で見ていて飽きない。クライアントはベビーマッサージ講師兼フォトグラファーをされている妹さん。これまでノーコードサービスでサイトを持っていたが、デザインの自由度が低く制限があるため、岩﨑さんが本格的なサイトを作ることになったそうだ。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>すごく優しいテイストのサイト、私の苦手分野なので参考になりました！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">サイトを作る上で意識した点</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>ターゲットが赤ちゃんのいるお母さんや家族の方なので、<strong>パッとみてサービスがわかるような写真を載せました</strong>。また、「撮影プラン」がいくつかあるので、下層ページで具体的な流れが詳細にわかるような構成にし、問い合わせフォームは元々使っていた<strong>公式LINEや既存のサービスと連携させ統一管理ができるように</strong>しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">写真の雰囲気はフォトグラファーによって異なる。撮影事例がたくさんあるとスタジオや写真の雰囲気がわかり、ユーザーにとってありがたい。岩﨑さんは過去に広告会社に勤務されていたとき、営業兼ディレクターのようなことをされていたという。そのときの経験を活かしてサイトの構成や文章はすべて岩﨑さんが考えられたそうだ。ファーストビューの親子のかわいい写真とキャッチコピーが心を掴まれる。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1920" height="1188" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_mv.jpg" alt="ベビーフォトサイトのメインビジュアル" class="wp-image-744" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_mv.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_mv-768x475.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_mv-1536x950.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">赤ちゃんの笑顔と写真にぴったりなキャッチコピー</figcaption></figure>
</div>


<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>デザインで工夫したところは、「撮影事例」の写真をチェキのようにし、<strong>何枚見ても飽きないように工夫しました</strong>。<br>ロゴのカラーや、家と四葉のクローバーのデザインをサイトにも取り入れて、配色は柔らかい雰囲気にして、ベビーカラーを使用しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>赤さま<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f476.png" alt="👶" class="wp-smiley" style="height: 1em; max-height: 1em;" />の表情が毎回全然違いますね！<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60a.png" alt="😊" class="wp-smiley" style="height: 1em; max-height: 1em;" />かわいい<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60a.png" alt="😊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">撮影事例をみると、「More」のボタンがあって、押すとさらに写真が見れる工夫がいいなと思った。事例をもっと知りたい人はボタンを押せば見れるし、そうでない人では簡潔に見れる。<br>ロゴのデザインを反映されたというが、メインビジュアルが家の形で「おうちスタジオ」ということがわかりやすい。サイトに使われている緑と黄色とピンクのカラーもベビーカラーでコンセプトにマッチしている。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1920" height="1116" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_2.jpg" alt="ベビーフォトサイトの写真" class="wp-image-785" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_2.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_2-768x446.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_2-1536x893.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">撮影事例がたくさん！笑顔に癒やされる</figcaption></figure>
</div>


<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>見てるだけで癒される</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">サイトを作るうえで苦労したこと</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>クライアントがいるサイトを作るのは始めてだったので、<strong>相手に合わせて案件を進める大変さを実感しました</strong>。私が仕事を終えて時間ができても、向こうは寝る時間だったりして、なかなか話す時間が作れないこともありました。<br>それに、いつも授業ではデザインとコーディングどちらか一方をすることが多かったのですが、<strong>デザインを完成させてもコーディングもしなきゃいけないので、完成までの道のりが遠い</strong>なって（笑）</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>デザインとコーディング両方するのってすごく大変ですよね</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">身内のサイトとはいえ、お互い仕事もしている中、限られた時間で打ち合わせし、進めなければならない。打ち合わせしてデザインしてコーディングして…完成までの道のりが長い気持ち、とてもわかる。授業ではデザイン、コーディングそれぞれの課題をこなしてたけど、個人制作は全部ひとりでやらないといけない。そこへ本業や授業など他のやることも重なってくるため、間を縫って進めないといけないのだ。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>クライアントワークの壁にしっかりぶつかったんですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">制作を終えて成長した点</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>クライアントから「ああしてこしい」「こうしてほしい」と要望がきたら、<strong>どうやったら実現できるか自分で調べてやる習慣がつきました</strong>。それまでは授業で習ったことを活かす感じでしたが、習ってないことも当然出てきて、試行錯誤しました。<strong>アウトプットをしまくるって大事</strong>だなと思いましたね。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">CFの授業で習うのはほんの一部。実際にはどんなサイトを作るかによってやることは変わるし、クライアントの要望に応える必要がある。それでも、できるだけ相手の理想通りのものを作ってあげたいという気持ちが起きるから、自分の中の壁を壊すしかなくて、成長するのだろう。特にコーディングは実践でアウトプットし、必要なことを調べまくってるうちに伸びていく人が多い気がする。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1920" height="924" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_4.jpg" alt="ベビーフォトサイトの写真" class="wp-image-787" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_4.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_4-768x370.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_4-1536x739.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">CTAのデザインがかわいい。気軽に問い合わせたくなる</figcaption></figure>
</div>


<h2 class="wp-block-heading">Webデザインの魅力と今後の目標</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>デザインの魅力は、<strong>目に見えるカタチにしたものを、全世界の人が見ることができて、何かのきっかけになる</strong>。そういうものを作れるのはおもしろいし、やりがいを感じますね。その反面、全世界に公開されるから恐怖もあるのですが（笑）<br>「これ私が作ったんだよ」と見せられるのはすごいことだと思います。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>自分でカタチにできた時の達成感すごいですよね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>私はサイト出来たら親とか友達に見せまくって凄いだろって言いまくります～</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">Webサイトのすごいところはサーバー上にアップすれば世界中の人が見れること。サイト一つでお店のお客さんが増えたり、売上が伸びたり、課題解決へと繋がることもある。サイトを見て影響を受け、何かを始めるきっかけになることもある。<br>営業やサービス業だと過去の実績をカタチで示すのはなかなか難しいが、自分の作品をわかりやすく可視化して示せるの点は、デザインの嬉しい点だ。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1920" height="925" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_3-1.jpg" alt="ベビーフォトサイトの写真" class="wp-image-790" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_3-1.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_3-1-768x370.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/yotsuba_3-1-1536x740.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">プランもメインビジュアルと同じ家の形のデザインに</figcaption></figure>
</div>


<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-18"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>学んだことやデザインを<strong>何らかの形でずっと続けていきたい</strong>です。私は営業のお仕事も好きなので、そちらのスキルを伸ばしたい気持ちもあり、今のところ副業でやれたらいいなと。<br>デザインは一人でもくもくする時間が結構多いですが、私は<strong>人と話すのも好き</strong>なんです。本業をしつつ副業でクラウドワークスとか、知り合いとかに頼まれたものを、ジャンル問わずいろいろ作れたらいいなと考えています。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">人と話すのが好きで、営業のスキルも伸ばしたいという岩﨑さん。インタビューしているときもお話がわかりやすく、広告会社でディレクション業務もされていたので、Webディレクターなんかもいけるのでは…と勝手ながら思ってしまった。<br>今回作ったサイトが好評で、妹さんからは新たにベビーマッサージのサイトリニューアルも頼まれているらしい。そちらの完成も楽しみだ。</p>



<p class="wp-block-paragraph">岩﨑さん、ありがとうございました！</p>



<p class="wp-block-paragraph">▼YouTubeはこちら</p>


<p><iframe loading="lazy" title="【実案件を紹介】元営業職がWebスクールで６ヶ月学んでどのくらい制作できるようになったのか？" width="800" height="450" src="https://www.youtube.com/embed/7VoJaw_KKac?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>



<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/author-shirokuma.png" alt="シロクマ" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">SHIROKUMA</div>
      <div class="c-author__profile">クリエイターズファクトリー35期生。元国語教師。</br>お好み焼きとシロクマが好き。</div>
    </div>
  </div>
</div>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/540/">38期岩﨑さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>37期河西さん</title>
		<link>https://cs-magazine.creators-factory.com/works/536/</link>
		
		<dc:creator><![CDATA[管理人]]></dc:creator>
		<pubDate>Tue, 04 Jun 2024 02:35:29 +0000</pubDate>
				<guid isPermaLink="false">https://cs-magazine.creators-factory.com/works/536/</guid>

					<description><![CDATA[<p>他の劇団の参考サイトもたくさん見て、Xで「何が一番知りたい？」というアンケート調査をして構成を考えたりしましたね。デザインはメインビジュアルに、いつも劇団の…</p>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/536/">37期河西さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>興味をそそられる経歴、制作物もすごく目をひかれる</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">今回取材するのは河西さんの劇団イベントサイトだ。河西さんは普段フリーで働きながら劇団壱劇屋でカメラマンをしており、このサイトに載っている写真は全て河西さんが撮影したものである。サイトを訪れるとメインビジュアルの四角い箱に入った劇団員の写真が目を引く。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1823" height="1139" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gekidan_3-e1717669705158.jpg" alt="劇団サイトのメインビジュアル" class="wp-image-728" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gekidan_3-e1717669705158.jpg 1823w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gekidan_3-e1717669705158-768x480.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gekidan_3-e1717669705158-1536x960.jpg 1536w" sizes="(max-width: 1823px) 100vw, 1823px" /><figcaption class="wp-element-caption">一度見たら忘れられないメインビジュアル</figcaption></figure>
</div>


<h2 class="wp-block-heading">カメラマンになったきっかけ・演劇の魅力</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-17"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>カメラを始めようと思ったのは、思いつきなんです。<strong>すぐに物事を忘れてしまうところがあるので、写真に残せたら便利じゃないかと</strong>。だから実は写真が好きとかそういった特別な気持ちはなく、「この写真いいよね」って人に見せられると返答に困ってしまうくらい（笑）カメラは私にとって「道具」の一つに過ぎません。壱劇屋に入ったのは、<strong>高校時代の演劇部の先輩がいて、めっちゃ手伝ってたら「入団する？」って言ってくれたから</strong>です。結構ノリで生きてますね（笑）</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>人生はノリと勢いも大事ですね。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>私も高校時代、演劇部の裏方ちょっとかじってました！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">河西さんが高校のとき演劇部に入ったのは、「人見知りをなくそう」と考えられたからだそう。カメラを始めたのも、「記憶力があまりないから」と。ノリで生きていると言ってたけど、結構自分と向き合って生きてるのではないかと感じた。<br>カメラマンをしているけど、「カメラは道具」という河西さんの考え方が個人的に好き。「仕事=好きなこと」と捉えてしまうとときにしんどくなるから、割り切った考え方も大切だったりする。</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="1920" height="1281" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan3.jpg" alt="劇団サイトの写真" class="wp-image-1061" style="width:832px;height:auto" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan3.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan3-768x512.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan3-1536x1025.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">お仕事中の河西さん。カッコイイ</figcaption></figure>



<p class="wp-block-paragraph">通い詰めて入団を勧められるほど舞台鑑賞が好きな河西さん。演劇の魅力はどこにあるか聞いてみた。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-17"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>共有してる範囲が狭いことかもしれません。<strong>一定の空間の人しか見れない、不思議な約束という感じ</strong>。観客と演者、お互いの信頼関係があってこそ成り立っていると思います。舞台照明の仕事もしてたので、音響と照明と演技が合致する瞬間はおもしろいです。それに、普段だと<strong>人の行動をじっとみてたら怒られたりするけど、舞台は許されるのってなんか面白い</strong>ですよねー（笑）</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">「舞台はナマモノ」と聞いたことがある。二度と同じものは見れない。同じ公演をしていても、日によって役者のコンディションや観客の反応も違う。映画などの映像だと観客は同じものを見るけど、演劇は一回一回演じるから、日によって微妙に違う。劇団員と観客が信頼関係の下、一緒になって公演を作っていくのだろう。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>舞台見に行きたくなった<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f60a.png" alt="😊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p><div class="liquid-speech-balloon-arrow"></div></div></div>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1892" height="1074" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gekidan_1.jpg" alt="劇団サイトの写真" class="wp-image-724" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gekidan_1.jpg 1892w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gekidan_1-768x436.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gekidan_1-1536x872.jpg 1536w" sizes="(max-width: 1892px) 100vw, 1892px" /><figcaption class="wp-element-caption">舞台写真って照明がころころ変わるし難しそうだけど、綺麗な写真</figcaption></figure>
</div>


<h2 class="wp-block-heading">STUDIOで作った理由と感想</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-17"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>公演の宣伝も兼ねて作ろうと思ったのですが、デザインが完成した段階で公演期間に差し迫っていました。<strong>コードを打つと時間がかかるからSTUDIO実装にしました</strong>。<br>使ってみての感想としては、<strong>今回みたいに単発で、期間限定のものとかだとちょうどいい</strong>なと思いました。プレビューですぐ反映して見れるとか便利です。できるデザインに制限があって、やりたかったことができなかったのは少し残念ですが。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">河西さんはサイトの実装を約２日で完成させたそうだ。STUDIOでは表現できないデザインがあるのが少し難点だけど、短期間で手軽に実装できるのはありがたい。こういったイベントサイトやキャンペーンサイトであれば持って来いかもしれない。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>STUDIOって実装をこんなに短縮できるのすごいですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<h2 class="wp-block-heading">サイトを作るにあたり意識した点</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-17"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>他の劇団の参考サイトもたくさん見て、<strong>Xで「何が一番知りたい？」というアンケート調査をして構成を考えたりしました</strong>ね。<br>デザインは、メインビジュアルに、いつも劇団のチラシを作ってくれるデザイナーさんが文字色をつけてくれていたので、配色を合わせたりしました。演劇自体が<strong>「四角」がテーマだったので、四角を散りばめたデザインにしました</strong>。<br>ファンの層も幅広くて<strong>文字が小さすぎると読みにくい方もいるかと思って、フォントサイズは大きめに</strong>しました。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-01 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>アクセシビリティの観点もしっかり考えられてるのですね！</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">「SQUARE AREA2023」というタイトルの公演。サイトには四角をモチーフにしたデザインが施され、斜めのラインがかっこいい。河西さんが撮影した写真がかっこいいので、それだけでクオリティが高い。フォントサイズが大きいのは見やすくていいなと思った。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1898" height="1252" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan2.jpg" alt="劇団サイトの写真" class="wp-image-1060" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan2.jpg 1898w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan2-768x507.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan2-1536x1013.jpg 1536w" sizes="(max-width: 1898px) 100vw, 1898px" /><figcaption class="wp-element-caption">河西さんの<a href="https://www.instagram.com/3010me?utm_source=ig_web_button_share_sheet&amp;igsh=ZDNlZDc0MzIxNw%3D%3D" target="_blank" rel="noreferrer noopener">インスタ</a>にも素敵な写真がたくさん載っている</figcaption></figure>
</div>


<h2 class="wp-block-heading">制作を終えての周りの反応</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-17"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>団員や、<strong>お客さんからも「見たよ」「ええやん。」と好反応</strong>をもらえました。<br>公演が15周年記念でいつもより人は多いので、集客に繋がったかはわかりませんが、<strong>これを作ったおかげでCFの人が何人か見に来てくれました</strong>。CFの中での宣伝になったかも（笑）忘年会とかで「劇団サイトの人」と言われたり。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">私もこのサイトを見て「河西さんは劇団の人」というイメージがついた。CFの仲間が見に来てくれたなら、それだけでも成功だと思う。このサイトを見て情報を知り、興味を持ってくれたと思うから。劇団のことはCF内で確実に認知が広まっただろう。</p>



<h2 class="wp-block-heading">今後のキャリアプラン</h2>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-17"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>新しいサイトとか作りたい気持ちは山々だけど、今は本当に時間がなくて…<br>コワーキングスペースでも働いてるのですが、そこでCFで学んだことが、<strong>チラシの作成や、SNS更新で役立ってて、ゆくゆくはサイトの作業もできたら良いかなと思ってます</strong>。<br>もっとデザインをやりたいですけど、今はとりあえず現状維持で忘れないようにはしています。いつか<strong>自分の撮影した写真データを集めたポートフォリオ作りたい</strong>とは考えています。</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">写真とデザインは親和性が高いという。知識があるカメラマンは余白をしっかり撮って撮影したり、デザインデータにすることを意識した撮影ができるそうだ。みんなそれぞれの生活の中で、自分なりにCFで学んだことを活かしてる。河西さんはカメラマン×デザイナーとして仕事の幅も広がっていきそうだ。まずは写真のポートフォリオができあがるのが楽しみである。</p>



<div class="wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-02 liquid-speech-balloon-right  liquid-speech-balloon-short"><div class="liquid-speech-balloon-avatar"></div><div class="liquid-speech-balloon-text"><p>面白い事を始めてくれそう！ワクワク</p><div class="liquid-speech-balloon-arrow"></div></div></div>



<p class="wp-block-paragraph">河西さん、ありがとうございました！</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="1920" height="1358" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan4.jpg" alt="劇団サイトの写真" class="wp-image-1062" srcset="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan4.jpg 1920w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan4-768x543.jpg 768w, https://cs-magazine.creators-factory.com/wp-content/uploads/2024/06/gakidan4-1536x1086.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">壱劇屋でただ今公演中の演劇（くわしくは<a href="https://ichigekiyaoffice.wixsite.com/ichigekiya/post/%E3%80%90%E5%8B%9F%E9%9B%86%E3%80%91%E5%A3%B1%E5%8A%87%E5%B1%8B%E6%9C%AC%E5%85%AC%E6%BC%94-%E3%82%AA%E3%83%BC%E3%83%AB%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E6%BC%94%E5%8A%87%E3%80%8Elove-tournament%E3%80%8F2024-6-14-19" target="_blank" rel="noreferrer noopener">こちら</a>）ビジュアル写真は河西さん撮影</figcaption></figure>
</div>


<div class="c-author">
  <h4 class="c-author__title">この記事を書いた人</h4>
  <div class="c-author__inner">
    <div class="c-author__img">
      <img decoding="async" src="https://cs-magazine.creators-factory.com/wp-content/uploads/2024/05/author-shirokuma.png" alt="シロクマ" width="363" height="291">
    </div>
    <div class="c-author__profile-box">
      <div class="c-author__name">SHIROKUMA</div>
      <div class="c-author__profile">クリエイターズファクトリー35期生。元国語教師。</br>お好み焼きとシロクマが好き。</div>
    </div>
  </div>
</div>
<p>投稿 <a href="https://cs-magazine.creators-factory.com/works/536/">37期河西さん</a> は <a href="https://cs-magazine.creators-factory.com">クリエイターズスチューデントマガジン</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
