
意図を整理し、伝わる形に設計する🌿 Webデザイナー | Webサイト(ホームページ)・LP・広告バナー・資料作成承ります | Figma | 福岡 | 神社巡りが好き😊 | #デイトラ | ご相談・お問い合わせはDMまたはポートフォリオのフォームよりお気軽にご連絡ください✉️
制作実績はこちら→
Joined July 2024
- Tweets776
- Following517
- Followers431
- Likes6.7K
Pinned Tweet
ポートフォリオサイトを公開しました🌿
何のために作り、どのようにして達成するのか。
5W1Hのマインドマップ作りから始まったポートフォリオ制作でした。
『意図を整理し、伝わる設計に』を大切に、細部までロジックと想いを込めて制作しています。
ぜひご覧いただけると嬉しいです😊
#デイトラコミュニティ
mie-webdesign.studio.site
STUDIOの「サイト診断」機能を、自分のポートフォリオサイトで使ってみました🔍
今回は、「画像の代替テキストの未設定」が見つかりました。該当箇所がすぐに特定できるので、修正にスムーズに入ることができました。
制作実績の画像はCMSに代替テキスト用のプロパティを追加し、アイコンは近くのテキストで内容が伝わるため「aria-hidden」を設定しました。
今回の作業を通して、画像の役割によって設定を使い分けることや、アクセシビリティの大切さを改めて学びました。
今後のサイト制作でも活用していきたいです🌿
STUDIO公式|サイト診断機能
studio.design/ja/whats-new/s…
#STUDIO #デイトラコミュニティ
最近はクラウドソーシングへの応募や、過去作品のブラッシュアップなどに取り組んでいます🌿
テスト案件に挑戦したり、コンペに応募したりと、少しずつ行動の幅も広がり、以前より「まず応募してみよう」と動けるようになってきました!
今日は13時からコミュニティのWebデザイナー交流会に参加します!
いろいろなお話を聞けるのが楽しみです😊
#デイトラコミュニティ
今日はデイトラコミュニティの個別相談で、メンターのなりさん(@nari_webps)に営業について相談させていただきました。
ポートフォリオを公開して営業を始めたものの、不安もあり、今回相談させていただきました。
「いろいろなところに種をまいておく」というお話をいただき、まずは今できることを一つずつやってみようと思います🌱
今回相談させていただいたなりさんは、1年半前のデイトラアワード公開ミーティングで、私がとても衝撃を受け、憧れた方。
当時はデザイン学習中で、Webデザイナーが実際にどのように仕事を進めていくのか、具体的にイメージできていませんでした。
なりさんのミーティングの進め方や、「なぜこのデザインなのか」を言語化されている姿を拝見し、
「こういうふうに仕事をしていくんだ」
「なぜこのデザインなのかを言語化できるって、こういうことなんだ」
と腑に落ちたことを覚えています。
私もこんな風に仕事ができるようになりたいと思いました。
そのときに学んだことは、その後のデザイン制作でも何度も見返し、今でも私の支えになっています。
そんななりさんに、1年半経った今日、営業について相談し、直接お礼を伝えられたことがとても嬉しかったです。
こうしてメンターさんに直接相談できる機会があるデイトラコミュニティの環境にも、改めて感謝しています。
思い切って相談してみて、本当によかったです😊
#デイトラコミュニティ
1/13学習166日目👀【学習時間3h/total416h/50m】
・やっと課題提出できたので、ずっと見たかったデイトラアワード第3回ミーティングを視聴
すごかったー✨✨コンセプト設定の時点で大筋が決まっている!土台作りの大切さ✨デザインの一つ一つを説明できるってこういうことなんだなー👏
#デイトラ
\ note公開しました!📣 /
ポートフォリオサイトをSTUDIOで実装する中で、「ここでつまずいた」「この流れが分かればもっとスムーズだった」と感じることがたくさんありました。
実装したばかりだからこそ、自分がつまずいたポイントや、実際に進めた手順を記事にまとめてみようと思いました。
これからSTUDIOでポートフォリオを実装する方の参考になれば嬉しいです😊
ぜひ、ご覧ください🌿
note.com/cocoadesign11/n/nad…
#デイトラコミュニティ #STUDIO
昨日は、福岡でのカレーオフ会に参加させていただきました🍛
福岡限定のモツと明太子のカレー、とっても美味しかったです✨
こうきさん(@tanshiokoki73)、福岡での開催ありがとうございました!
オフ会では、1年ぶりにまた皆さんとお会いできてとても嬉しかったです😊いろいろなお話を聞くことができ、たくさん刺激をいただきました!次回お会いする時に良い報告ができるように頑張ります💪
オフ会を企画してくださったべーさん(@ninjya_freedom)、本当にありがとうございました!
夜のお店もとっても美味しかったです💓
#デイトラコミュニティ
STUDIO構築もいよいよ最終段階に入ってきました!
画像から実績詳細ページへのリンク設定がうまくいかず、試行錯誤の末、「こっちだろう」と思っていた方ではなく、別の方が正解だったことも…😅
「この設定ならこう動くはず」と予測を立てて検証することの繰り返しで、CMSの仕組みも少しずつ理解が深まっています😊
リンク確認やフォームの動作確認など、仕上げの見えない作業が本当にたくさん。
「終わった!」と思うたびに次の確認項目が出てきますが、一つひとつ丁寧に積み上げていきます🌿
#Webデザイン #STUDIO #デイトラコミュニティ
ポートフォリオサイト制作、現在はSTUDIOで構築を進めています。
STUDIOはカリキュラム以来なので、進んではすぐにつまずいていますが、そのたびに調べながら一つずつ解決しています。
Figmaを日頃触っているおかげで、感覚的に理解できる部分もあって少し嬉しいです😊
レスポンシブ対応を進める中で、改めてコーダーさんが細部まで配慮しながら実装されていることを実感しています。
CMSの山場も、一つずつ乗り越えていきます🌿
#Webデザイン #STUDIO #デイトラコミュニティ
ポートフォリオの実績詳細ページが完成しました✨
実績詳細ページでは、
・なぜそのデザインにしたのか
・どう伝えれば読み手に伝わるのか
を整理する時間が大半だった気がします。
背景・課題・目的・コンセプト・デザイン意図まで整理することで、なぜそのデザインにしたのかを改めて言語化することができました。
引き続き制作を進めていきます🌱
#Webデザイン #デイトラコミュニティ
コミュニティの勉強会で、メンターのももさん(@momo_web24)にフィードバックをいただき、コーヒーバナーをブラッシュアップしました☕️
特に見直したのは、 「一瞬で何のバナーかわかるか?」という点です。
Beforeでは、ペルソナから想像した世界観を表現し、山の写真を使用していましたが、 旅行系バナーと誤認される可能性もあるとアドバイスをいただき、思い切って外すことにしました。
代わりに、しずる感のあるコーヒー画像へ選定し直すことをご提案いただき、 コーヒーバナーであることが瞬時に伝わるよう改善しています。
フィードバックをくださったももさん、ありがとうございました!
さらに、その後の交流会では、模索していたモックアップについても、実演を交えて丁寧に教えていただきました。本当にありがとうございました。 これからの制作に活かしていきます!
#Webデザイン #デイトラコミュニティ
FVのキャッチコピーを練り直していました。
a. 意図を整理し、伝わる設計に
b. 意図を整理し、伝わるデザインを設計します
丁寧さならbかな…と思いつつ、テレビ通話をしていた娘に「どっちがいい?」と聞いてみたら、
「a!夜勤明けの私の頭でも理解できたわ。bは読まないといけないから少し時間がかかった」
とのこと。
娘、ナイス意見👍
まさにユーザーのリアルな声が聞け、一瞬で伝わる大切さを再確認しました😊
#Webデザイン #デイトラコミュニティ
現在、ポートフォリオサイトのトップページを制作中です🌿
FVのキャッチコピーのフォントを Bold から Medium に変更したところ、男前な印象からスマートな印象に変わりました。
文字の太さひとつで、伝わる空気感がこんなに変わるんだと改めて感じました。
コンセプトに立ち返りながら、引き続き進めていきます😊
#Webデザイン #デイトラコミュニティ
現在、自身のポートフォリオサイトを制作しています🌿
「誰に・何を届けるか」を改めて整理しました。制作会社の方に信頼を届け、一緒に仕事がしたいと思ってもらい、実務につながるポートフォリオにすることを目指しています。
コンセプト設計や情報設計はAIも活用しながら土台を構築し、ワイヤーフレームを作成中です。
なぜそのデザインにするのか、意図が伝わることを大切にしながら一つひとつ形にしていきたいと思います😊
#デイトラコミュニティ #Webデザイン
昨日は久しぶりにコミュニティのオンライン月末交流会に参加させていただきました🍀
いろんな方のお話を聞くことができて、刺激をもらえる時間でした✨
最近話題のClaude Codeの話も多く、そんなこともできるんだと驚くこともありました!
緊張もありますが、新しい出逢いがあったり、以前お話しした方とまたお話しできたりするのも嬉しいです。
ご一緒させていただいた皆様、ありがとうございました🥰
これからも少しずつ参加していきたいです✨
#デイトラコミュニティ
<制作実績>
「充填」って読めますか?
私は今回のサイト制作まで読めませんでした。
読み方は「じゅうてん」。
普段の生活ではあまり聞き慣れない言葉ですが、食品業界ではよく使われる言葉だと知りました。
今回、エキス製造を担う食品メーカー様のコーポレートサイトリニューアルのデザイン制作を担当させていただきました。
制作範囲
ワイヤーフレーム / デザイン
「親しみやすさ」と「信頼感」の両立を意識して制作しています。
🍀「親しみやすさ」
・社員の1日では、コメントや休日の過ごし方も含めて紹介
・実績データは、一目見て伝わるよう、グラフや数字でどう見せるかを工夫
🤝「信頼感」
・抽象から具体へと段階的に企業理解を得られるよう構成
・製造工程は流れが分かりやすいよう、ステップ形式で提示
実装は、今回の制作で多くのサポートをいただいた@kaito_5777 さんが担当されています。ディレクションの視点も含め、冷静な判断と広い視野でのアドバイスに何度も助けていただき、とても心強かったです。
本当にありがとうございました。
企業の価値をどうすれば分かりやすく伝えられるか、そんな視点で設計したサイトです。
よろしければぜひご覧ください😊
特に採用情報ページは力を入れて制作したので、ぜひご覧いただけると嬉しいです。
制作したサイトはこちらです。
(URL)
zenmifoods.com/
#Webデザイン #制作実績 #デイトラコミュニティ
制作背景やデザインのポイントはポートフォリオにまとめています。 よろしければこちらもご覧ください😊
(ポートフォリオURL)
figma.com/proto/ro12pJXwn0v2…
コミュニティのチームコミット企画に参加します🍀
週に一度集まり、進捗を報告し合いながら目標に向かって行動できること。本当にありがたい環境だと感じています。これまでも支えられながら、一つずつ目標を形にしてきました✨
この2か月は、Studioでのポートフォリオ制作に取り組みながら、自分の土台を整えていきます。
新しいチームの皆さん、よろしくお願いします🙌
#デイトラコミュニティ #Webデザイン
修正が完了し、現在はコーディングへとバトンを繋いでいます。
今回の初案件では、本当に学びがたくさんでした✨
特に印象に残っているのは、下層ページのFV制作での事です。
あるページだけ他と同じタイトル位置ではどうしてもうまくいかない場面がありました。
「このページだけ例外にしようかな…」と考えた私に、一緒にお仕事をさせていただいた方から、「このページに合わせて、他のページのタイトル位置も揃えましょう」とアドバイスをいただきました。
そのページの解決策ばかり探していた私に、他のページをそのページに合わせるという逆転の発想は目から鱗でした!そして、点だけでなく面で見る大切さ、多角的な視点から解決方法を探す大切さを学ばせていただきました!
この学びを、今後の制作にも活かしていきます😊
#Webデザイン #デイトラコミュニティ




