明桜(あお)｜HP制作と焙煎で想いを伝える人

つくったもの、学んだこと、日々のこと。
航空自衛隊→Barista→自家焙煎 / Web制作
💻制作実績はインスタから( 🐶🐶
☕️コーヒーは下記リンクから

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

【 自家焙煎珈琲 「 Sunday Monday Roastery 」のロゴを作成しました☕️ 】

・想い（コンセプト）：新しい出逢いと発見

中央に咲く一輪の花の花びらは、太陽と月☀️🌙始まりと終わり、日曜日と月曜日、そんな相反する存在が一つに調和して、毎日の中にある新しい“ 出逢い ”を描いています。

花の葉の部分はコーヒー豆。この豆から全てが始まるという意思を込めました🌱

コーヒーの魅力に気付くこと。
自分の“ 好き ”に出逢うこと。
知らなかった風味に驚くこと。

“ まだ知らない本当のコーヒー ”との出逢いと、その一杯に眠る無限の可能性を発見してほしいという想いを込めました。

---

カフェを始める前にいち早く自家焙煎珈琲豆を販売しよう！ということになり、ロゴを作成しました💡ロゴもできたので、少しずつ販売の準備を進めていきたいと思います！販売開始しましたらまたご報告させていただきます😊🙌

#ロゴ #制作実績 #デイトラ #自家焙煎珈琲

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

いつもありがとうございます🫶✨

ずっと販売をお休みしてて、今回が今年ラストにも関わらずリピートのお客様も新規のお客様にもご予約いただいて嬉しかったです🥰

次の日には続々と『届きました〜♡』ってご連絡もいただき、皆さん優しすぎる…🥹💓

そして、こないだ作成したギフトバッグを一緒に入れた瞬間『可愛すぎるぅううう🤤💕』って叫んでしまいました🤭こんなに特別感出ちゃうの？って…

やっぱり贈り物って選ぶ時間も包む時間も特別だなぁ〜と。

また美味しいコーヒーを届けられるように日々研鑽していきたいと思いますっ❤️‍🔥

[なつき@Shopifyデザイナー @natsukishopify]

待ちに待ったあおさん（@aopp25ixs ）のコーヒー☕️✨

家にいる時が多いので、私にとっては最高の幸せです😌♡

今日は地域係での月一ミーティング。
秋以降のお祭りに向けて準備中です🍇
初めは大変かなと思った係も年齢もバラバラの色々な方と知り合う事ができて学ぶ事が多いです📝

shopifyデザインお仕事開始がズレて見事に納期重なってしまいそうですが、
今できる事を準備して、スピーディーに対応できる様にしていきます🔥

□shopifyデザイン　参考サイト探し
□商品発送　発注準備
□月一地域ミーティング
☑︎Instagram投稿
☑︎ストーリー投稿
☑︎チームコミットミーティング
☑︎訪問💇

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

【ついに！Sunday Monday Roasteryのギフトバッグができました☕️💝】

『ギフトラッピングなどはありますか？』

そんなお声をいただいていて…少しずつ生地や印刷サンプルを取り寄せて試行錯誤しておりました🤭📝

ラインナップは、2種類！
🟠渡した後も小物入れとして使える巾着ポーチ(Sサイズ)

🟠100g 3個まで入る大きめのギフトバッグ(Mサイズ)

11月出産予定のため、コーヒーも今年ラストの予約販売になりますが、間に合って良かった〜☺️💓

🗓️2026.09.19 (土) 10:00~予約開始です❣️
🔗https://t.co/iu7MvBjbtQ

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@hikichi_design いつでも来てね〜🥰✨

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

久しぶりに #デイトラ 自習室でアイさん(@ainodesign )、ミキさん(@miki_webbb )、まりもんさん(@marimonweb ) とお話しできて楽しかった〜🤭✨

デザインのことから今後の私の営業への不安にまで相談にのっていただいて…本当にありがとうございました😭💓

お昼休みも #RyoHack でランチ会🍙つわりの話からいろんなお話聞けて楽しかった〜😆🎵

あともう少し…👶🏻無事に生まれてきてくれ〜って気持ちと、生まれてくるまで営業準備頑張るぞ〜の気持ちでいっぱい❤️‍🔥いいスタートきれるように頑張っていこ〜✊

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@ainodesign 私も久しぶりにお話できて楽しかった〜✨体調第一でゆっくりやっていこうと思いま〜す☺️またお話しようね〜💓

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@miki_webbb みきさん、こちらこそありがとうございました〜🥰

色んなお話聞けて楽しかったです〜🎵私の指針がワクワクする方に…なので、これからもワクワクを追求していこうと思います🤭💓

また自習室で一緒になった際はよろしくお願いします☺️🤲✨

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@ainodesign 次行ってみよ〜❤️‍🔥❤️‍🔥❤️‍🔥

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@hikichi_design 本当に〜？昨日は全然気付かなかった〜🤭
えるさんができそうな時にでもポモしよ〜❣️(喋りすぎるから時間ある時がいいよね？🤣🫶ｗｗ)

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

8月は先月デザインした「アプリ開発会社Wake Wonder」のWordPress実装を進めていました💻❤️‍🔥

昨日も久しぶりにContact Form7でお問い合わせページを実装していて、ラジオボタンでひーひー言いながら悪戦苦闘しています🤣

#デイトラ の過去の動画を見直して、きちんと形になりそうで一安心😮‍💨いつでも動画を見返して復習できる環境って本当にありがたいです😭💓

そして昨日から早速学び放題が始まって、コース一覧見たらワクワクが止まりませんでした🤭早速昨日から流し見で「Shopifyデザインのポイント」講座見終わりました👀！

引き続き9月は、
✅Wake Wonderの実装(アニメーション研究)
✅(デイトラ)Shopify基礎講座、Shopifyエンジニア養成講座 視聴
✅自社サイトShopifyリニューアルデザイン作成
✅9月分のコーヒー販売準備
を進めていこうと思います💪✨

妊婦後期に入り、やっとコーヒーが飲めるようになりました☕️🌿販売休止期間中も「ずっと待ってます！」「体調大丈夫ですか？」等のDMもいただき、やっと販売準備を進められるくらい元気になって嬉しい限りです☺️今年の販売はラストになってしまいそうですが、また産後にフルパワーで美味しいコーヒーをお届けできるように&Web制作でお仕事をする準備を進めています❤️‍🔥❤️‍🔥❤️‍🔥

体調のこともあるので、期限があるものには挑戦できずにいますが、今できることを全力で取り組んでいきたいと思います✊

デイトラコミュニティに復活もできるということで…また自習室で皆さんとお話できるのを楽しみにしています♪今後ともよろしくお願いします🌸

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

【制作実績】
#デイトラ 上級課題 「アプリ開発会社 Wake Wonder」のコーポレートサイトを制作いたしました📱

━━━━━━━━━━━

🔸課題
・自社プロダクト「OHA!」は普及しつつあるが、運営会社としての知名度が低い
・既存クライアントは中小企業中心。スタートアップ・教育機関・自治体へも訴求層を広げたい
・ニュース・ブログを継続発信し、記事からの流入も狙いたい
・既存サイトは運用できておらず、事業拡大に合わせたリニューアルが必要

🔸ターゲット
・ITスタートアップ企業の意思決定者
・教育機関・自治体の担当者
・既存の中小企業クライアント
・アプリ開発を検討している事業者

🔸コンセプト
「確かな技術とデザインで、日常に驚きと感動を。」
冒頭に「確かな技術とデザインで」という言葉を置くことで、自治体や中小企業の担当者が一番求めている“信頼感・安心感”を先に担保し、その上でクライアントのミッションである「驚きと感動」を約束する構成にしました。

🔸デザインのポイント
・(トップページ)自社プロダクト「OHA!」のさらなる普及のため、FVの下にお知らせページのピックアップを掲載。今後の運用・更新にも活かせる設計にしました。

・(トップページ)ITスタートアップ企業や教育機関・自治体への訴求強化を目的に、サービス概要の下に「Wake Wonderが選ばれる理由」セクションを提案・設置。サービスページに遷移しなくても会社の強みが一気見できる構成にしました。

・カラー選定：
メインカラーには信頼感・誠実さを訴求できるブルーを採用し、「確かな技術」を象徴させました。アクセントには、コンセプトメッセージの「驚き」を表すマゼンタと「感動・温かみ」を表すイエローを使用し、ユーザーとの心の距離を縮める親しみやすさを演出しました。

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@yasushi0530 ありがとうございます☺️

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@ainodesign 芸能人とかの妊娠→出産報告とか聞くと「はやっ！」って思うけど、自分が妊娠してると、ものすごーく長く感じる不思議🤭

ぜひぜひ〜！見かけたら話しかけるね〜👀！ポモしよ〜🥰

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@kaori_design427 取捨選択が難しいですよね〜🤣
私もやりたいこと多すぎて時間足らない〜ってなってます🫨🫨🫨

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@datusarakuma 育英出身なんです⚾️！野球も好きで昔は楽天もファンクラブ入ってました🤭✨

6回なんて…ドキドキハラハラでした🫨🫨🫨高校野球は安心して見れないですね🫣

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

1回戦初日1試合目っていうのが、なんか育英っぽいよね、うん。

👨🏻「なんで(校歌)歌えるん？」
👱🏻‍♀️「一応母校なんで…高1の合唱コンクールの課題曲(校歌)です」

6回のフルカウントの時、めちゃくちゃお腹張って、
👨🏻「甲子園見るのやめたら？早く産まれたら困るで」
👱🏻‍♀️「」

高校野球ってホント心臓に悪い、、、

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

えりかさん、チアやってたんですね〜🥰私は野球が好きで中学の時はソフトボールしてました🥎！
ボール転がせば何かが起きるってくらい…高校野球は何が起きるか分からないので面白いですよね🤭お腹張らなくて調子いいな〜って思ってたら、初めてレベルでお腹張ったので夫に見るのやめたら？って言われちゃいました🤣(本当にハラハラする試合でした🫨)
えりかさんも3人目生まれたってこないだ見て、大先輩😍って思ってました✨また生まれたら育児のことなどもお話できたら嬉しいです💓

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

私も自分がDM返すようなタイプじゃないので、返事してくれる方がいると嬉しい〜🫶ってなりますよね🤭
実店舗があるわけじゃないので、そんなにいらんだろ！って思うくらい(三浦さんの話を聞いて)商品説明は必要なのかなって思ってました👀！実際に説明文読んで、面白そうって興味を持ってくれて、話したこともない人が購入してくれたり…語っといて良かったなって思ったりしました🤣

またいつでもお話しましょ〜(私もお話したいです🥰)

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

えるさんありがと〜🫶
やっとなんとなーく参考見て、なんとなーく作ったコーポレートサイトを言語化してブラッシュアップできたよ〜😭😭😭

私も、えるさんのFB動画見たり、たくさんお仕事してるの見て、めちゃくちゃ刺激もらってるよ〜🫨💓💓💓

WordPress実装しようと思ったら…コーディング忘れすぎてて半泣きでやってる🥲終わらせられるように頑張るぞ〜🔥

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

#デイトラ 上級課題 「アプリ開発会社 Wake Wonder」のコーポレートサイトを #RyoHack ではるかさんに添削してもらい、再度設計から作り直しました！

添削では、「ユーザーを迷わせない設計をすること」の重要性を学び、今回は用意されていたヒアリング内容・課題用ラフワイヤーをもとに作成しました！

【ご提案】
🔹自社プロダクト「OHA!」のさらなる普及のため、WFでは「代表アプリの紹介」というセクションが用意されていましたが、ニュースのピックアップ記事として掲載する形を提案・設置。新しいプロダクトや今一番見てほしい情報を柔軟に見せられて、今後の運用にも活かせるデザインにしました。

🔹ITスタートアップ企業や教育機関・自治体へ会社の事業内容や強みを訴求したいというご要望のため、サービス概要の下に「Wake Wonderが選ばれる理由」セクションを提案・設置。サービスページに飛ばなくても強みが一目で分かる構成にしました。

【添削を受けての気付きと、今回取り入れた学び】
🔹写真選定の重要性
写真の有無だけでなく、「ここはイラストの方が情報が伝わるのでは」という視点や、抽象的な写真で統一するか人物写真で統一するかなど、選定基準そのものの重要性を深く考えられるようになった。

🔹参考サイトの見方の変化
おもかさんのライブデザイン動画を参考に、参考サイトの探し方・見方を学び直しました。「コーポレートサイトとは何か」「このコンセプトに合うサイトはどんな見え方か」や各パーツごとに参考サイトを集めて言語化し、デザインに反映。「サービスサイトにならないこと」「FVで商品を大々的に押し出しすぎないこと」という前回の反省点を念頭に作成しました。

🔹「あたたかみ」を出すこと自体を疑う視点
前回は「人物写真を多く使う=あたたかみが出る」と考えて作成していましたが、今回は参考サイトが親しみやすさをどう表現しているかを重点的に観察。角の丸みを合わせるなど、シェイプの統一・一貫性を意識しました。

━━━━━━━━━━━

RyoHackのデザインイベント・添削動画を通じて、自分の中で参考サイトの見方(参考にできる視点)が変わったのを今回の作成で実感しました！今後の課題は、クリックしたくなるデザイン・見られるデザインにするために引き出しを増やしていくことだと思っています。
はるかさん(@haruka_graphic )、おもかさん(@omoka_design )、いつも学びの多い機会をありがとうございます🌱💓
これからも一つひとつ丁寧に吸収していきたいと思います✨

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

11月は、
Webデザインコースの上級課題『アプリ開発会社のコーポレートサイト』を作成していました📱

そして本日、メンターさんからデザインのフィードバックをいただきました🙇‍♀️💡

全体の世界観や余白の使い方、写真とコピーの調和など、意識しながら組み立てた部分を丁寧に見ていただけて、とても嬉しかったです☺️❣️

今回いただいた改善点は、
・ブルーの比率が高く、全体が単調に見えてしまうこと
・CTAボタンも同系色で、役割が弱くなっていること

どちらも自分では気づきにくい “仕上げの質” に直結する部分で、学びが大きかったです。
色の温度差をつけつつ、CTAの機能がより明確になるようにブラッシュアップしていきます！

また修正後も投稿していきたいと思います💪🔥

#デイトラ #Webデザイン #卒業制作 #アプリ開発 #コーポレートサイト

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@oriehaaan 産後落ち着いたら、戻ろうかな〜と思ってます☺️💓

引っ越しの話も出てたり、また来年RyoHackオフ会もあったら行きたいと思ってるので、お話できることを楽しみにしてます🥰

[明桜(あお)｜HP制作と焙煎で想いを伝える人 @aostudio_SMR]

@natsukishopify なんかオレンジの小人がいっぱい出てきました🍊(可愛い🤭)