Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ポートフォリオ

Shiori
April 04, 2024

 ポートフォリオ

Shiori

April 04, 2024
Tweet

Other Decks in Design

Transcript

  1. 2 使用できる ツール #本 #美術 #世界史 #語学 #福祉 #不動産 興味・関心 杉原志織 SUGIHARA SHIORI SUGIHARA SHIORI

    1999年7月7日生まれ 神奈川県出身 1999年7月7日生まれ 神奈川県出身 2018年4月 2018年4月- -2022年3月 2022年3月 多摩美術大学 情報デザイ ン学科 多摩美術大学 情報デザイ ン学科 情報デザイ ンコース 情報デザイ ンコース 2021年5月 2021年5月- -2023年8月 2023年8月 不動産管理サービスの事業会社 不動産管理サービスの事業会社 業務委託 UI/UXデザイ ナー 業務委託 UI/UXデザイ ナー 自信のあるスキル #UI/UXデザイ ン     実務経験あり #イ ンフ ォグラフ ィ ック    情報設計が得意 #エデ ィ ト リア ルデザイ ン 同人 で文芸誌を制作 尊敬し ている人 #上野学 根本から疑える力  #岡本太郎 市民のための芸術  #印度カ リー子 カレー愛 2015年4月 2015年4月- -2018年3月 2018年3月 神奈川県立弥栄高等学校 神奈川県立弥栄高等学校 芸術科美術専攻 芸術科美術専攻 2023 2023年10月 年10月- - 就労移行支援事業所 就労移行支援事業所 Kaien東神奈川 Kaien東神奈川 Notion Notion Slack Slack Figma Figma #WEB実装 #デザイ ン #そのほか Visual Visual Studio Studio Code Code Miro Miro Word Word Microsoft Microsoft Excel Excel Microsoft Microsoft Power Power Point Point Microsoft Microsoft File File Zilla Zilla
  2. 業務委託ではありましたが、 常駐して緊急度の高い業務にも 業務委託ではありましたが、 常駐して緊急度の高い業務にも すぐに対応し ていま した。 会議にも積極的に参加していま した。 すぐに対応し

    ていま した。 会議にも積極的に参加していま した。 全く知らなかった不動産について学んだり、 作品集サイトを 1 全く知らなかった不動産について学んだり、 作品集サイトを 1 から構築するなど、 専門的な技術にも楽しんで挑戦します。 から構築するなど、 専門的な技術にも楽しんで挑戦します。 どんな人間か 読書や、 自分でも文章を書いています。 どう書けば誤解なく伝 読書や、 自分でも文章を書いています。 どう書けば誤解なく伝 わるのか、 よりよい日本語になるように努めています。 わるのか、 よりよい日本語になるように努めています。 言葉遣いに厳し く 新規案件、 新規ツールへの挑戦 企業での常駐デザイ ナー経験 同人活動でお世話になった方々の作品の感想を、 世間に見え 同人活動でお世話になった方々の作品の感想を、 世間に見え るように伝えています。 ご縁があった方の宣伝・応援をします。 るように伝えています。 ご縁があった方の宣伝・応援をします。 信頼関係を大切に 同人文芸誌を制作しています。 表紙も全て私自身が制作して 同人文芸誌を制作しています。 表紙も全て私自身が制作して おり、 宣伝方法も含めてセルフマネジメン ト しています。 おり、 宣伝方法も含めてセルフマネジメン ト しています。 戦略込みの同人活動 よ り詳しい自己紹介は http://sugishiori.xsrv.jp
  3. 4 どんな家族にもあるとは思いますが どんな家族にもあるとは思いますが 私の家族は ち ょ っと したことでもケンカになる こ とがあり

    私が仲裁役を進んで担当し てきま した。 ケンカをすると 言葉が頭に入らなく なり ます。 「本当は誤解ではないか」 と疑問をもった私は 紙に絵に描いて本人たちに見せ 相手の視点もふく めて振り返らせることで 問題を解決し てきま した。 デザインならば 落ち着いて話し合う きっかけをつくれると信じ デザイナー と し てあらゆる問題を解決し ていきます。 誤解をな く そう 本来のやさ しい世界へ
  4. 5 COSOJI う たも も #CI #UI/UX #ラ イ テ

    ィ ング #グラフ ィ ック #ブランデ ィング #ライテ ィング #エデ ィ ト リアル #グラフ ィ ック 放課後等 デ イ サー ビス エース #ロゴ イ ン ド映画 三大カ ー ン 俳優プ ロ フ #イ ンフ ォグラフ ィ ック #イ ラス ト 6-14 仕事 1-5 自己紹介 15-24 趣味 28-30 趣味 25-27 仕事
  5. 6 COSOJI ITで手軽な不動産の管理と 地域の雇用を創出します 2020.5-2023.8 Rsmile株式会社で業務委託 Figmaで制作 ※サービスロゴは別の デザイ ナーによ

    るものです。 対象ユーザー スキマ時間に 地元の不動産の 掃除や管理をし て 働きたいク ルー 自宅から 離れた土地に 不動産を所有する 不動産オーナー 不動産のDXデザイ ン 依頼者 (個人) ク ルー (アマ) 作業を依頼 作業報告への依頼者の評価を確認 ク ルー 依頼者 中抜きが なるべく少ない 契約で働きたい 不動産管理業者 ク ルー (プロ) 数千もの 賃貸不動産の やり と り をする 不動産業者 依頼者 (企業)
  6. 7 デザイ ンシステ ム COSOJI_pink COSOJI_blue COSOJI_navy COSOJI_green COSOJI_orange COSOJI_black

    色の指定が人によ ってブレてしま う。 パレッ ドに色が増えすぎた。 デジタル庁を参考にデザインシステ ムを作る 今のCOSOJIに必要な要素だけ引き抜いてア レンジしま した。 『Tools for picking colors』 というツールで型を作り、 濁っている様にみえる色は Figma上で微調整しま した。 greenとorangeはイ ラス ト用です。 問題点 具体策 Blue_Button Pink_Button Icon Border サービス全体のカラーパレッ ト 2023.6  制作期間2週間
  7. 8 報告書を期日以内に 確認したと き 確認なく 自動的に完了 したと き 報告書を確認してい ないと

    き 不動産メンテナンスの実行 報告書 完了or 再提出 遅延のまま実行され ず、 終了 したと き 報告途中のと き 報告書を出したと き 期日が過ぎたと き 期間中のと き 依 依 依 ク ク 依 クルーに報告書の再 提出を依頼すると き 再提出が必要なと き 新たなメンテナンスを 提案されたと き クルーからの提案を 保留したと き クルーからの提案を お断り したと き 依頼者にメンテナン ス案を提案したと き 提案 依頼者に提案を断ら れたと き 依頼者に提案を承認 されたと き ク 同じよ うな意味のア イ コンが複数あり、 ルールが煩雑でした。 色のもつ意味 にも統一感がなく、 色分けに何も意味があり ませんでした。 コンポーネント・バリアントを設定 既存の画面のスク リーンショ ッ ト を収集し て並べ、 すべて作り直し て バリアン トにしま した。 誰の画面に表示されるかでも3つに分けま した。 デザイ ンシステ ム 2023.7  制作期間2週間 案件のステータスア イ コン 問題点 具体策
  8. 9 便利機能一覧の ア イ コン 2023.6  制作期間2週間 提案 (追加見積) 提案書

    自動作成 自動共有 利用明細 ダウンロー ド 自動作成 ダウンロ ー ド 自動保管 ダウンロ ー ド 一括自動作成 ダウンロ ー ド 写真 ダウンロ ー ド 確認一括完了 ア ッ プロー ド 自動PDF化 ダウンロ ー ド 初回 2 回目以降も オーナーアプリ 連携 システ ム提供 チャッ ト プロフ ィ ール 再提出 丁寧な機能をマニュア ルで説明するためには、 どこが違う のか伝えるための ア イ コンが足り ませんでした。 ア イ コンの大きさがそれぞれバラバラでした。 グリ ッ ドに沿ってサイズを整理 32×32のガイ ドにぴった り収ま る よ う に微調整し ま した。 矢印の配置によ って は見栄えを良く するためにグ リ ッ ドからわざ と ずら し も し ま した。 報告書 提案 ク ーポン 報告 デザイ ンシステ ム 問題点 具体策
  9. 10 ク ルーの画面 ク ルーが最新案件のフ ィ ー ド バ ッ

    ク を 振 り 返 り やす く す る ク ルー に こ れ ま での案件に さ れ て き た フ ィ ー ド バ ッ ク が伝わ っ てい ない。 「残念だ っ た」 「注意 し てほ し い点」 があ る案件に特に注目 し て ほ し い。 気持ち・コメントでステータスバーの表示を変更 どんな機能なのか気づかせるためにア イ コ ンを用意しま した。 ページを開 いてから本文をすぐ読めるよ うに、 画像はカバーに設定しま した。 ステータスバーを押すと細かいコメントが読める 褒め言葉である 『感謝の コ メ ン ト 』 ・ お叱 り であ る 『次回注意 し てほ し い点』 を ポ ッ プア ッ プで読め ま す 。 依頼者の都合で ノ ー コ メ ン トの場合も あ り ま す 。 良かった 良かった +注意 残念だった +注意 残念だった 再提出後に 確認完了 評価な し +感謝OR注意 ア イ コンの種類 問題点 具体策 2023.5-6  制作期間2カ 月
  10. 11 起動時 種類 あり 感謝・注意 あり 感謝・注意 あり − −

    感謝・注意 − 感謝・注意 − − ◦ ◦ ◦ ◦ − あり 感謝・注意 顔ア イ コン コメント ◦ − ポ ッ プア ッ プ フ ィ ー ドバ ッ ク の種類 11
  11. 12 ク ルーが前回案件のフ ィ ー ド バ ッ ク を

    振 り 返 り やす く す る ステータスバーでの ア イ コン 良かった +注意 残念だ っ た 残念だ っ た +注意 評価な し +感謝OR注意 再提出後に 確認完了 前回の評価から反省できるよ うにする 定期的 (同一の場所で異なる時期) な案件の場合、 前回のフ ィ ー ド バ ッ ク よ り も今回はよ り 良いものにし てほしいと依頼者は願っているためです。 最新案件のフ ィードバックの画面との差異 最新案件のフ ィードバック画面とは違い、 「良かった」 は表示しません。今 回の案件に向けて反省するための要素がないためです。 ク ルーの画面 具体策 2023.5-6  制作期間2カ 月
  12. 13 仮登録〜本登録後の メール導線の見直 し 本登録画面 ク 依 ク 依 本登録完了

    メール 本登録完了画面 仮登録完了 メール 1 依 ク 2 3 2023.5-6  制作期間1.5カ 月 仮登録完了 メール 本登録完了画面 本登録完了 メール ク ルーの画面 依頼者の画面 1 2 3 13
  13. 14 1 1 2 3 4 5 6 7 2

    7 5 6 4 8 登録前に知ったはずなので サービスの特徴の説明は簡略化 自信を持って押しやすく するために 新規募集のボタンを赤&太文字 長い説明テキス トではなく ク リ ック しやすいバナーを配置 読みやすいよ うに テキス ト を大き く 色濃く 連絡先の重複を解消させるために ボタンやテキス ト リ ンクだけ残留 ボタンが効かなかった人のために 予備のURLをボタンのすぐ下に移動 1 2 3 4 5 6 7 8 よ り具体的に理解できるよ うに YouTube にある解説動画を埋込 ロゴの比率が歪ま ないよ うに 正方形の画像化 依頼者の画面 具体策
  14. 15 う たも も どんな詩にするか 考え る ・ 書く ・

    描く ・ 宣べる ・ 売る 2021.8- ひ と に響 く 言葉を日々、 試行錯誤し て い ます 。 詩集を書く だけでな く 、 どう伝え るかも考え て い ます 。 書くだけじゃない文芸活動 自主制作 使用ソ フ ト : 考 ツイ ログ ・notion 書 Adobe InDesign 描 Adobe Illustrator ・ Adobe Firefly 宣 note ・ X ・ Instagram ・ Threads ・ YouTube 売 Booth 売 考 書 描 宣
  15. 16 note 毎日更新 う たも も のブロ グ 2023.2 - 

    1年以上連続更新中です。 ト ッ プページには膨大な記事 の全貌が見渡せるnoteのも く じ記事を配置し ています。
  16. 17 テーマがちがう 詩たちを売ろ う 2023.6-11 自主制作 【素朴】 【ぽっぷ】 【バイオレンス】 使用ソフ

    ト :note Adobe Illustrator      Adobe InDesign      テキストエデ ィ ッ ト     ボイスメモ Adobe Audition Adobe Firefly Adobe Photoshop      Adobe Premiere Pro 文学フ リマ東京37にむけて
  17. 18 きっかけ 文芸同人誌の即売会では最大規模の文学フリマを知り、 自分の詩がほん と うに売れるのか世の中へと試し てみたく なりま した。 まずは、

    文学フリマ 東京36に下見を しま した。 売れているサーク ルの特徴を開催時間の5時間 でフ ル滞在し て分析し ま した。 メモを取り続けながら、 この会場の熱気を創 る側に今度はなろ う と決意しま した。 文学フ リマ東京 37 に出店したい ! 戦略 松竹梅で3つの詩集から選べる ! 詩集が1冊だけのサーク ルはよ っぽど知名度のある 1冊ではない限り人が 寄りつきに く いとわかり ま した。 また、 それぞれの冊子の価格に段差がある サーク ルでは購入者と し て選択が楽だったため、 出店するときは価格差も 気にすることにしま した。 それぞれの詩集に POP を手書きし、 ブース番号 が書かれたポスターを掲げま した。 当日終了後 初出店の感想 ・ 通販 ・ 会計報告を発表 文学フ リマ東京37の後にnoteをいく つか公開しま した。 遠方の方も購入 で きる よ う にBoothでの通販ページを公開 ・ 同じ文学フ リマの参加者のために も詳細な売上報告を しま した。 自由に文学で表現する こ とだけでなく、 ビジネ スについても身を持って学べま した。 次回の38でも新刊を出します。 noteのマガジン  『文学フ リ マ東京37関連』 当日 12:00-17:00で詩集やポス ト カ ー ド を販売 会場は大田区にある東京流通センターです。約30分間で設営しま した。 青い敷き布にポケ ッ ト を作り、 ポス トカー ドやコイ ンケースを収納しま した。 ご興味を持って くださった方とお話をしたり、少し ですが買って くださる方 もいらっしゃいま した。特にオレンジ色の 『担々麺からゆばそばまで』の グラフ ィ ックデザイ ンは好評でした。
  18. 19 スケジ ュール 文学フ リマ東京37 (2023/11/11)関連 8 9 6 7

    ポストカードのデザイン 音声収録&編集 詩の執筆・エデ ィ ト リアルデザイン 詩の執筆・エデ ィ ト リアルデザイン 詩の執筆・エデ ィ ト リアルデザイン 手動ブロック42000件 (おまねきvol.2まつわる 収録作品) 音声収録&編集 9 うたももと し て 商品 発表 6 前回 購本 感想
  19. コンセプト 詳細 PDF 辛い味から易しい味までさまざま な麺料理を楽しめる詩集 です。 文章に抵抗があるひとでも 「ぽっぷ」 にジャケ買いで きる表紙や麺のイ

    ラ ス トにもこだわりま した。 私が実際に食 べた料理はどこにあるのかも最後に紹介しま した。 サ イ ズ:A5 ページ数:44P ツ ー ル :Adobe Illustrator      Adobe InDesign 制作時期:2023年7月 制作時間:170 時間 (文章作成込) 21
  20. 22 コンセプト 詳細 詩集は高く て買えないひとでも買えるグ ッズとし て、 100 円 のポストカードを売りま

    した。 作品名と作家名をポストカー ドの端に書く ことで、 通販やこれからの即売所などで詩集 本体も買ってもらえるよ うに宣伝しま した。 サイズ  :100mm ×148mm 枚数  :5 枚 ツール :Adobe Illustrator 制作時期:2023 年 8 月 制作時間:40 時間
  21. 23 コンセプト 詳細 PDF 強かで恐ろしすぎるダブルスタンダードガールの回顧録の 体の詩集です。 「自分の人生以外はどうでもいい」とわが ままに生きるさま を軽快に残酷に書きま した。暴力的な表

    現も含むため、ページ数は軽めにしま した。 サ イ ズ:A6 ページ数:24P ツ ー ル :Adobe Illustrator      Adobe InDesign 制作時期:2023年6月 制作時間:120 時間 (文章作成込) 23
  22. 24 著作者 :aleksandr_samochernyi /出典 :Freepik 詳細 サ イ ズ:A5 ページ数:140P

    ツ ー ル :Adobe Illustrator      Adobe InDesign 制作時期:2023年12月-3月 制作時間:200時間- (文章作成込) コンセプト 私の美高受験から 美大卒業後の生活までの10年間を題 材にした詩集です。 自由と権威が相反する詩でしたので、 表紙では文字が沈み、 裏表紙では石が浮かぶ相反するデ ザインにしま した。 「美大生」 は広く世間に面白がられやす いテーマです。 ミ ーハーで文章に慣れてない人でも読みや すい横書きを採用しま した。 完成予定作品
  23. 25 エース 身体障害を持つ子供たちにも 愛されるロゴデザイ ン 2022.7 母の務める訪問介護事務所の社長の新規サービスのために デザイ ンしま した。

    最初の制約は 「身体障害を持つ子供の訪問 看護サービス と し て 『A』 を掲げたい」 のみでした。 放課後等デイサービスのロゴデザイ ン 個人的な依頼 制作期間 :3週間 使用ソフ ト :Adobe Illustrator 大人に対し て 子どもに対し て
  24. 26 ロゴデザイ ンに込めた意味 普段の生活 (家) の心配をわたしたちの訪問看護 (聴診器) によ って包み込 んで笑顔にします。

    屋根を手のよ うに見立て、 元気にお子さんに協力したい 意思を示し ています。小さな子ども でも怖がらずにサービスを受けられるよ うに、 まんま るで親しみやすい顔を家につけま した。 家+聴診器+子どもが親しみやすい顔 身体障害がある子供にぬり えをさせると、 線をはみ出し て塗ってしま う習性 がある。 その上手く いかなさ を 「まだ伸び代がある」 と捉え、 「欠けているA」 の部分を掘り起こす態度を示し ています。 保護者に対し ては 「趣がある」 とい う こ と で、 当初の計画を変更し てこちらも採用するこ とになり ま した。          枠からの 「はみ出し」 や 「足り ない 」 部分を補う 色 子供が好みやすい王道色 遊び心のある柔らかさ ・ 優しさ C 2  M 99 Y 96  K 0 フ ォ ント C 87  M 55 Y 8  K 0 C 8  M 29 Y 79  K 0 大人に対し て 子どもに対し て
  25. 28 イ ン ド映画 三大カ ー ン 俳優プ ロ フ

    三者三様のキャ リア と ゆたかな演じ分け 2022.11 わた し はイ ン ド映画鑑賞が好き です 。 面白い映画に しか出ていな いスター俳優は どんな人なのかについてま と めま した。 そ の人 ら し さ を イ ンフ ォ グ ラ フ ィ ッ ク 自主制作 制作期間 :20週間 使用ソフ ト :Adobe Illustrator 28
  26. 30 なるべく少ない線で特徴を捉えま した。 他の2人と比べて、 よ り個性がわ かるよ うに誇張し て表現しま した。

    1.似顔絵 構成 1.似顔絵 3.生年月 日 出身地 4.家系 5.宗派or品性 6.善行or特技 7 .代表作 2.名前 3人と も苗字がカーン被り し ています。 「この顔はどのカーンなのか」 をは っ き り と大きな文字で表明しま した。 2.名前 3人と も生まれた年は同じ。 この運命的な共通点はありながら、 それぞれ の地元を背負っているアツさがあり ます。 3.生年月 日 ・ 出身地 家系は職業選択にかなり影響します。 映画関係の職業であれば、 「俳優」 との距離感、 キャ リアの積み上げ方がイ メージできると考えま した。 4.家系 ヒンデ ィーのイメージが強いインドでも、 他の宗教を信仰し ている人もい ます。 それがその 「俳優らしさ」 になると考えま した。 5.宗派or品性 ゆたかな富があれば、 何かし らの社会貢献活動をし ています。 他にも、 演 技以外に特技があればその人柄に奥行きが出ます。 6.善行or特技 filmarksで 「制作国 : イ ン ド 」 の人気上位の作品から選抜しま した。 見る 側が 「 こ れは知ってる」 と単純に面白いと感じやすいからです。 7 .代表作 30