ふうか | Webデザイン×STUDIO

[ふうか | Webデザイン×STUDIO @fuuka_design__]

ポートフォリオが完成しました👏

『私』らしさを全面に出したデザイン。
私の人柄や得意なデザインが、このポートフォリオを通じて伝わると良いな😌

そして私事ですが、先日『omochi design』として開業致しました👏

なんでおもちデザイン？ってところは後々紹介します🙊

https://t.co/8QZQB1h5dF

[ふうか | Webデザイン×STUDIO @fuuka_design__]

@ryo007_popopo とんでもないです！
おっしゃる通りです👌！
ちなみにモバイルだけ設定しておけば、ミニも自動的に同じ設定になります🙆‍♀️

[ふうか | Webデザイン×STUDIO @fuuka_design__]

【STUDIOレスポンシブのコツ】

"どの端末で見ても綺麗に表示されるレスポンシブ設定"

にこだわっている私が、徹底していること☟

①ブレイクポイントは5つ全て表示
②必ずPC版(1番大きいサイズ)から制作
③テキストボックスの縦幅はauto
④PCサイズ横幅はpxにパディング
⑤スマホサイズの横幅は%

[ふうか | Webデザイン×STUDIO @fuuka_design__]

@ryo007_popopo 横の余白をパディングでつけると、画面幅が狭くなった時に余白が多く感じます！
%に設定しておくことで、画面幅に合わせて余白が変化するので、どの端末で見てもいい感じになります◎

伝わると嬉しいです💦

[ふうか | Webデザイン×STUDIO @fuuka_design__]

@ryo007_popopo はじめまして！
レスポンシブ難しいですよね🥹
④については、デザインによって変えてるので絶対しているわけではないのですが…
⑤については、横幅にパディングをつけると、画面が小さめのスマホで見た際に、横幅が狭く感じるので、%で設定しています！
↓

[ふうか | Webデザイン×STUDIO @fuuka_design__]

《バナー制作記録》

20代向けの日焼け止めバナーを制作しました☀️
切り抜き、合成が難しいけど楽しかった✂️✨

配色もお気に入り✨
ブルー×オレンジの組み合わせって、めちゃくちゃ可愛いですよね💙🧡

そして私、可愛い女の子使うのが好きらしい。笑笑

コンセプトなどはリプ欄に👇

[ふうか | Webデザイン×STUDIO @fuuka_design__]

【HP制作記録】

リノベーション会社のHPデザインをリニューアル制作しました🏡

明るい雰囲気に、でも目がチカチカしない優しい色合いにこだわりました🌼

最近のリノベ会社とか工務店ってお洒落なところばっかりで、サイト分析が楽しかったし、将来こんな家にしたいなって夢が膨らみました😌

[ふうか | Webデザイン×STUDIO @fuuka_design__]

【HP制作記録まとめ】
今まで制作してきたサイトデザインのまとめです！

ホームページをデザインしていると、実際にその店舗を訪れているかのような感覚になって、とても楽しいです🤭

STUDIOでの制作は、これにアニメーションつけられるから尚更楽しい！！！
アニメーションもデザインの一部👌

[ふうか | Webデザイン×STUDIO @fuuka_design__]

実は、この『yoru cafe』独学でSTUDIOを勉強して制作しました！

STUDIOを練習する場合
ワイヤーフレームまではXDやfigma、手書きなどで制作
↓
デザインからSTUDIOで実装

の方が、『STUDIOで可能なデザインやアニメーション』を知ることができるのでおすすめです🙆‍♀️

リプにサイトのURLあります☟

[ふうか | Webデザイン×STUDIO @fuuka_design__]

《ヘッダー制作記録》

#cocodesignschool での課題でヘッダー制作を行いました🌷

私はやっぱり、柔らかくて温かい雰囲気が好き。
手書き文字フォントが好き。

自分で好きなデザインを作っていいよと言われたら、いつもこんな雰囲気になる😂

でも、訂正なしで一発OKもらえたのは素直に嬉しい🥰

[ふうか | Webデザイン×STUDIO @fuuka_design__]

@fum_freelance ふみやさーーーん！！！
お久しぶりです！

変わらず元気です☺️笑
デザインも変わらず続けております💪

[ふうか | Webデザイン×STUDIO @fuuka_design__]

【制作実績】

@way_okamoto 様のHPと名刺を制作させていただきました！

HPはSTUDIOのテンプレートを使用し、黒を基調としたかっこいい雰囲気の配色にしました👏

名刺もHPと同じく白黒のかっこいい雰囲気に😎

どちらも筆記体のフォントを部分的に使用して、ちょっとお洒落にしてます✒️

[ふうか | Webデザイン×STUDIO @fuuka_design__]

@way_okamoto こちらこそ、ご依頼いただいてありがとうございました！
私も、制作していてとても楽しかったです☺️

岡本さんの事業が成功するよう、今後も陰ながら応援しております📣

[岡本光司/業務効率化マニア @way_okamoto]

弊社のカッコイイHPと名刺を作ってもらったデザイナーのふうかさんです！
ほんとセンスが良い😊

打ち合わせも丁寧にしてもらえて、ニュアンスを伝えただけでイイ感じに仕上げてくれました✨
また、簡単な文章修正等は自分でできるようレクチャーまでしてくれました。

デザイン系で困ってる方はぜひ！

[ふうか | Webデザイン×STUDIO @fuuka_design__]

HPはこちらからご覧ください👇

https://t.co/nKU5EadhN7

テンプレート使用する場合、テンプレートにはないコンテンツを希望の場合は私の方でデザイン構築することが可能です🙆‍♀️

お気軽にご相談ください◎

[ふうか | Webデザイン×STUDIO @fuuka_design__]

@m10ty_wdesign みおさんも良いお年を🎍❣️

[ふうか | Webデザイン×STUDIO @fuuka_design__]

Webデザインを勉強し始めて、1番最初に作ったサイトデザイン🎨

…なんで画面録画じゃないんだろ？笑

前のスクールでレンタルしてたPCで制作したので、どのアカウントなのかわからず、この動画しか残っていない😭

私は営業とかディレクターより、何か作ってる側が好きだなと最近改めて思いました😌

[ふうか | Webデザイン×STUDIO @fuuka_design__]

@meimei_work ありがとうございます🥹！
webデザインの勉強始めてからは、もう一年経つのでまだまだですよ😭

[ふうか | Webデザイン×STUDIO @fuuka_design__]

夜な夜な、お久しぶりです🫠

9月からデザイナー業を副業とし、はや3ヶ月…

デザイナーとしての時間は少なくなりましたが、変わらずデザイン制作しております！
新たにお声掛けいただくこともあり、嬉しい気持ちでいっぱいです🥹

そしていつも、密かに皆さんのツイート拝見してます🫣笑

[ふうか | Webデザイン×STUDIO @fuuka_design__]

みなさんお久しぶりです🫣

もくもく会も、なかなかできずで申し訳ございません…💦

本業をデザインとは別で始めましたが、ちゃんとデザイナー業続けております🙌

発信止まっているのに、お声かけていただく方もいて本当にありがたいです🥹✨

少しずつ、制作したデザイン載せていきます！

[さやか🌈UI/UX・Webデザイナー @sa_liendesign]

＼無料モニター募集📣／
【3日間限定】

こんなあなたに💐
☑︎フォロワーを増やしたい
☑︎ヘッダー画像に困っている
☑︎Xでお店の宣伝をしたい

募集は今から11日（土）23:59まで⏰

『応募方法』
フォロー&リポスト後、
DMにて【モニター希望】と送信📤

一緒に看板掲げましょ🌈✨

#モニター募集

[ゆうき🌸 | Webデザイナー @yuuki_design240]

／
コーディングができるフォロワー様！！
よければ教えてください！
＼

すぐに、というわけではないですが
今後の活動状況次第で
コーディングを依頼する可能性がございます。

そのため
お仕事を受注されている方がいらっしゃいましたら
スキルと一緒に教えていただけますと嬉しいです！
(リプorDM)