mina|“布出身”のWebデザイナー

815 posts

mina|“布出身”のWebデザイナー banner
mina|“布出身”のWebデザイナー

mina|“布出身”のWebデザイナー

@minaWeb0728

📍愛知県|ファッション業界9年▶︎Web|世界観を大切に、ビジネスの魅力を引き出す「伝わる・選ばれる」デザイン設計|Web〜グラフィックまで一貫したブランディングをサポート🕊️|#Studio #Figma #Shopify #Webデザイン #フリーランス #業務委託 #デイトラコミュニティ

ポートフォリオはこちら▶︎ Katılım Eylül 2024
762 Takip Edilen646 Takipçiler
Sabitlenmiş Tweet
mina|“布出身”のWebデザイナー
\ポートフォリオサイトを公開しました!/ STUDIOで自身のポートフォリオサイトを制作しました🕊️ 制作実績など随時更新していきます。 ご覧いただけますと嬉しいです🙇🏻‍♀️ 併せてInstagramもスタートしたので、フォローしていただけたらとっても喜びます🫣 ポートフォリオ ▶︎ designhand-mina.studio.site Instagram ▶︎ instagram.com/mina.webdesign/ #webdesign #webdesigner #Webデザイン #Webデザイナー #デザイナー #デザイン #ポートフォリオ #figma #STUDIO #デイトラ #デイトラコミュニティ
mina|“布出身”のWebデザイナー tweet media
日本語
9
6
343
15.8K
ぽんぽんこ|Webコーディング × アニメーション
#デイトラ #ウィークリーコーディング #ScrollTrigger #SVGanimation 『Theme:スクロールに合わせてSVGのグラデーション線が伸びていく表現』⇒『ドローン視点で巡る、ハイキングの追体験』 Animation: GSAP (ScrollTrigger / keyframes) / SVG (stroke-dashoffset) 🎯Focus:空間を移動する没入感 ・道を描画するだけでなく、画面自体を横移動させて「首振りカメラ」のような斜めスクロールを実装 ・道の進行に合わせて、ポラロイド風の思い出の写真たちがふんわりと出現する演出 🏹Challenge(実装の壁) ・画面幅を広げて斜めに進ませる際、SVGのS字カーブとカメラの動きがズレて道が画面外に消える問題に直面 ・GSAPの keyframes を使い、横移動(x軸)を道のカーブに合わせて3段階に分割することで、追従を実現。 📝Memo ScrollTriggerと keyframes を組み合わせれば、縦スクロールだけでカメラワークが作れる。
はにわまん@haniwa008

今週の #デイトラ #ウィークリーコーディング お題は「スクロールに合わせてSVGのグラデーション線が伸びていく表現」 LPの導線演出、サービス紹介のタイムライン、実績紹介、ストーリー設計などでかなり使える実装。 こういった「体験に落とし込める実装ができる人」は現場でも重宝されます! 📝実装のヒント ✅ SVGのpathの長さを取得する ✅ 長さ分の線をずらして非表示→スクロールに連動して描画する ✅ スクロール量と進行度はGSAP + ScrollTriggerなどを同期が可能 SVGを作るところがまず難しいかもしれませんが...。まずは直線で動きを確認してみるだけでも大丈夫です🙆‍♂️ 「実装例コード」は1週間後に配布します。ぜひチャレンジしてみてください! 👇 可能な方は、ぜひリプ欄に実装後のURLを貼って教えてください😊 来週、みんなの参考としていくつかピックアップ紹介させてもらえると嬉しいです! ---------- 👨‍💻 ウィークリーコーディングとは? 流行りのアニメーションや「CSSだけでこんな表現できたんだ!」と思うような、ちょっとテクニカルな実装にみんなで挑戦するオンラインスクール「デイトラ」の参加型企画です✨ ✅ 毎週月曜にお題 & 前週の実装例を公開 ✅ デイトラ生以外も参加歓迎 ✅ 実装スキルやスニペット集のレベルUPに! ぜひ挑戦してみてください!💪

日本語
1
1
40
1.9K
こう|Shopify制作
こう|Shopify制作@yasushi0530·
@minaWeb0728 それだけ夢中になっていたんですかね、いつもより一層綺麗になったと思います🛁😅。
日本語
1
0
1
50
mina|“布出身”のWebデザイナー
NZでハチミツを作っている親戚から、ロゴデザインの依頼をいただきました🐝🇳🇿 もちろん責任あるお仕事ですが、視野をグローバルに広げていかないと👀と思っていたので、有り難いお話! 価値観や感覚の違いも勉強しながら、クライアントと一緒に作り上げていきます✨
日本語
2
0
46
610
まるちゃん広報
まるちゃん広報@kyla_maruchan·
@minaWeb0728 minaさんこんばんは!フォローさせていただきました🙂‍↕️✨ ぜひよろしくお願いします!
日本語
1
0
1
92
mina|“布出身”のWebデザイナー
-------------------------------------------- 🕊️ 先週の振り返り -------------------------------------------- ✦ チラシデザイン案件   ー デザイン作業 ✦ 資料改修案件
  ー 構成・デザイン作業   ー 納品🎉 ✦ HP改修案件
  ー 構成・デザイン作業   ー 納品🎉 ✦ LP制作(Studio)案件   ー 構成作成 ✦ HP制作(Studio)案件   ー 構成作成 ✦ HP制作(Figma)案件1   ー MTG   ー デザイン作業 ✦ HP制作(Figma)案件2   ー MTG   ー デザイン作業 ✦ 資料デザイン案件   ー 新規ご依頼🥹🙏🏻 -------------------------------------------- 先週もあっという間に過ぎ去った🍃
充実の日々でありがたい🥹

週報ポストは今回で一段落としようかと!
未だ日常的に投稿する習慣がつかないですが…(意識弱いだけ)
自分なりの活用方法を模索しつつ、マイペースにつぶやいていこうと思います😌 #フリーランスデザイナー #Webデザイン #デイトラ #デイトラコミュニティ
日本語
0
0
42
563
mina|“布出身”のWebデザイナー
毎朝AI情報のキャッチアップが追いつかなくて楽しいなー😂 「服に着られる」みたいに、AIやツールに振り回されずちゃんと着こなせるように…本体もしっかり磨かねば。✊
日本語
0
0
39
534
mina|“布出身”のWebデザイナー
-------------------------------------------- ✨ 制作実績のご紹介 -------------------------------------------- フレグランスプランナー 折井茜様による「inio株式会社」のサイトデザイン・構築を担当させていただきました🌿 ✦ 担当範囲 ー デザイン制作 ー Studio構築(テンプレートベース) ✦ デザイン意図 コンセプトは『Sense Architecture — 感覚の設計』。 形のない「香り」という存在を、ビジネスの場においても確かな「資産」として感じていただけるよう、論理的かつ情緒的なデザインを追求しました。 💡知性と静寂を演出する、ブルーグレー×ホワイトの配色 💡情報へのアクセスをスムーズにし、信頼感を醸成するクリーンなレイアウト 💡信頼感のある明朝体により、ビジネスパートナーとしての誠実な佇まいを強調 💡十分な余白と繊細なラインで、感覚を偶然に任せず設計するinio様の強みを表現 このサイトが、inio様が提案する「香りの力」をより多くの方に届ける一助となることを願っています!🕊️✨ ✦ 完成サイトこちら! inio.jp 

#Webデザイン #制作実績 #Studio
mina|“布出身”のWebデザイナー tweet mediamina|“布出身”のWebデザイナー tweet mediamina|“布出身”のWebデザイナー tweet media
日本語
1
1
74
1.9K
mina|“布出身”のWebデザイナー retweetledi
かすみ@名前のない仕事図鑑の編集長
【公開しました】 株式会社inio様のWebサイトを公開しましたー! デザインと実装でminaさん(@minaWeb0728 )、 プロフィール写真はYoshidaさんにご協力いただきました✨ inio様は「香り」を用いて事業や空間の価値や可能性を高める取り組みを行っています。 今後のご活躍を応援しております! inio.jp
日本語
0
3
35
1.1K
mina|“布出身”のWebデザイナー
-------------------------------------------- 🕊️ 先週の振り返り -------------------------------------------- ✦ LP制作(Studio)案件
  ー 構築作業 ✦ HPデザイン(Figma)案件1   ー MTG   ー デザイン作業 ✦ HPデザイン(Figma)案件2   ー MTG ✦ チラシデザイン案件
  ー MTG   ー デザイン作業 ✦ 名刺デザイン案件
  ー デザイン作業   ー 納品🎉 ✦ HP制作(Studio)案件
  ー 納品🎉 ✦ ロゴデザイン案件
  ー 新規ご依頼🥹🙏 ✦ 資料更新案件
  ー 新規ご依頼🥹🙏   ー 納品🎉 ✦ 資料・HP改修案件
  ー 新規ご依頼🥹🙏 ✦ LP制作(Studio)案件
  ー 新規ご依頼🥹🙏 ✦ HP制作(Studio)案件
  ー 新規ご依頼🥹🙏 ✦ ウェビナー参加・アーカイブ視聴 -------------------------------------------- 納品もあり、新たなご依頼もあり、先週も充実の一週間でした🥹改めて繋がりやご縁に感謝です。 もっと頼もしいパートナーになれるよう、スキルアップしていきたい🔥 
やるべき事が沢山あるとドキドキしてしまいますが、そういう状況の方が集中できる気がします🫢 今週もドキドキしながらファイヤーするぞ🤡✨ #フリーランスデザイナー #Webデザイン #デイトラ #デイトラコミュニティ
日本語
0
0
47
900
mina|“布出身”のWebデザイナー
@sakuao_Dz ライトタッチを心がけているつもりなのですが、まだ気付いたら無駄に力んでます…😂意識が足りないですね… 商売道具の1つなので大事にしましょう笑👐
日本語
0
0
1
63
あお🌱 Webデザイナー
@minaWeb0728 あのエピソードほんとに面白いです笑 作業会の後、私も「ちょっと指痛いかも」と思った時があったのですが、その時minaさんのこと思い出しちゃいました😂 お互い気をつけて作業しましょう☝️
日本語
1
0
1
80
mina|“布出身”のWebデザイナー
2画面体制なのに気付いたら1画面しか使っていなかったり。 マウス接続したのに気付いたらトラックパッドしか使っていなかったり。 #私だけでしょうか 😇
日本語
1
0
24
557
なふ|デザインで企業を支えたい
久々にコミュニティで作業会を開催しました! 珍しく連日全案件待ちの状態なので、 データ整理や、帳簿をつけたり、AI触ったり、しばらく放置していた自分の事業サイトをStudioで構築進めたりしました。 以前作ったFVも気に入ってたのですが、どうもターゲットとズレを感じたので、あっさりと変更。完全に寝かせ過ぎですが、後々見るとせっかく作ったのに、、の気持ちもなく、より良いものを作りたい!に切り替えれるのでこれはこれで良いかもしれない。
日本語
2
1
45
947
mina|“布出身”のWebデザイナー
たなはるさん、コメントありがとうございます🥹🙌 こちらこそ、コンペの作品などいつも拝見しております!✨ (グリーンアイコン同士で勝手に親近感を感じています笑💚) 私もまだまだ試行錯誤しながらなので…恐縮です🙇🏻‍♀️ アニメーションを使えると表現の幅が広がりますよね!また情報交換していけたら嬉しいです🙌 お互い頑張りましょう〜!🔥
日本語
1
0
1
95
たなはる
たなはる@tnhr_design·
minaさん、初めまして! いつもご活躍を拝見しております✨ 現在ホームページ制作をしており、アニメーションを入れたくて少し調べていたところ、lottieの存在を知り、こちらのツイートにも目が止まりました! 私はまだまだStudio初心者なのですが、たくさんStudio案件をこなされているminaさんに密かに憧れています!✨ オリジナルアニメーション、いつかどこかで拝見できたら嬉しいです😊
日本語
1
0
1
98
mina|“布出身”のWebデザイナー
Figma × lottie × Studioでオリジナルアニメーション作り。 他の要素と組み合わせたく、レスポンシブ設定でなかなか苦戦した💨けど、できると達成感ある✨ 本当に必要なアニメーションなのかはよく考えなければいけないけど、上手く使えるとUI/UXやブランドイメージを向上できるし、引き出し増やしていきたい✊🔥
日本語
1
0
38
711