keita | Hyrax inc. | designer

webデザイナー | Hyrax inc. | 旅行会社勤務→インハウスデザイナー→制作会社デザイナー | [email protected]

[keita | Hyrax inc. | designer @keita_web1]

旅行情報メディア「VIALOG」をつくりました。

JTBで働いていた頃から、つくりたいと思っていてようやくカタチになりました。

写真は旅行中に撮影したもので、記事も50本以上書いてますので、旅の予定を立てるときなど気楽にのぞいてもらえたら嬉しいです！

https://t.co/SeXAm6kqZt

[keita | Hyrax inc. | designer @keita_web1]

マンション買取再販事業の企業間ネットワークである「ワンリノネットワーク」のサイトリニューアルを担当しました。

加盟されている企業の方の声を軸にしたサイトです。ぜひご覧ください。

担当範囲：ディレクション、デザイン
URL：https://t.co/tyIXbw5Pw6

[keita | Hyrax inc. | designer @keita_web1]

現在、旅行情報を発信するWebメディアを制作しています。
今までのキャリア（旅行会社→デザイナー）を何か活かせるものを創りたくて...

完成まであと少し...

[keita | Hyrax inc. | designer @keita_web1]

目黒区にあるPRINT + PLANTさんにあるART CARDのガチャガチャかわいい！

[keita | Hyrax inc. | designer @keita_web1]

「内見予約ナビ」のサービスページをリニューアルしました。

リニューアルでは利用者の声や提供元の想いなどのコンテンツを追加しています。

URL：https://t.co/nIMC5rXp06

担当領域：デザイン

[keita | Hyrax inc. | designer @keita_web1]

以前デザイン担当したコワーキング施設「WORK&NAPもとまち」のサイトで、家具変更による写真の再撮影を行いました！
カメラマンさんに素敵に撮影いただき感謝です。

https://t.co/hMgXxAjWIw

[keita | Hyrax inc. | designer @keita_web1]

コワーキングスペース「WORK&NAPもとまち」のサイトにローディングアニメーションを追加しました！
https://t.co/OnuOzrsJ5Q

After EffectsとLottieで実装する想定でしたが、ローディングアニメーションの場合、jsを読み込むまでにも時間がかかるとのことで、svgアニメーションで実装しています。

[keita | Hyrax inc. | designer @keita_web1]

【実績紹介】
FSTAGEさんが展開するリノベーションブランド「ARISE」のリセール紹介ページを制作しました。
販売元の強みが伝わるように構成から組み立て、想い入れのあるページです。

URL：https://t.co/IvJoWWSrGk

担当領域：ディレクション（FV写真ディレクション含む）/デザイン

[keita | Hyrax inc. | designer @keita_web1]

【実績紹介】
文京区にあるコワーキングスペースWORK&NAPもとまちのサイトリニューアルのデザインを担当しました。

緑が素敵なコワーキングスペースですので、お近くに行かれた際は是非お立ち寄りください。

URL：https://t.co/hMgXxAjWIw
担当範囲：デザイン/撮影ディレクション

[keita | Hyrax inc. | designer @keita_web1]

@__o_state 参考にさせていただきたいです！

[Tomoya Okada / 4WIDE @__o_state]

【デザインカンプ配布について】
..
🏷️応募条件
このポストをRT&リプライ
※必ず規約などをご確認ください。

📝 詳細・利用規約などはこちら
↪︎ https://t.co/LMbVQg8WAY

〆切は8/14まで！
初学者・勉強中の方もぜひご応募ください！
..
#webデザイン

[keita | Hyrax inc. | designer @keita_web1]

資料のデザインなどしているとグッドパッチやsansanの資料がとても参考になる。
グラフや図が美しい。

https://t.co/2xfNOI52Ye

https://t.co/blUBnsbGhw

[Studio | Web制作を、ノーコードで。 @StudioDesign]

📢 SDA2024 授賞式招待キャンペーン

2月7日に都内で開催される「Studio Design Award 2024」授賞式。今回は、抽選で100名様をご招待します！
https://t.co/hw3dsp97rA

【応募方法】
1️⃣ @studiodesign をフォロー
2️⃣ 本投稿をリポスト

【応募期間】
2024年12月12日～12月27日

【授賞式日時】
2025年2月7日(金) 13:00-20:00（予定）

【当選連絡】
2025年1月13日〜1月17日

当選された方に、XのDMにて応募フォームのリンクをお送りします。 このフォームに期日までに回答いただくことで、授賞式への参加が確定します。

【注意事項】
• 投稿を非公開にしている鍵付きアカウントでの応募は、応募状況の確認ができないため、無効とさせていただきます。
• 当選枠はお一人様分となり、同行者の参加はできません。
• 会場までの交通費は自己負担となりますので、あらかじめご了承ください。

皆様のご応募をお待ちしております。
#Studioデザインアワード

[keita | Hyrax inc. | designer @keita_web1]

【システムフォント】
自社サイトのフォントで、システムフォントを導入しました！
下記メリットがあり、あるようですね！
1. ユーザー環境との一貫性
2. パフォーマンス向上
3. 可読性の向上

詳しくは下記記事が参考になります🙌🏻
https://t.co/30tmxm99qt

[keita | Hyrax inc. | designer @keita_web1]

@design_2355 そうなんです😭あまり普段、関わりの少ない領域だと時間がかかりますね！

[keita | Hyrax inc. | designer @keita_web1]

産業医さんのサービスサイト制作に携わっているのですが、ドメイン理解が難しい😭
ただここを理解しないと良いサイトは作れないと自分を鼓舞してます💪🏻

[keita | Hyrax inc. | designer @keita_web1]

web制作の実装時、
どこまでをコードで
どこまでを画像でやるか線引きに悩む...

例えば、画像の下半分だけに黒い膜をかけたいとき、、🤔

[keita | Hyrax inc. | designer @keita_web1]

figmaの実用的な機能教えてくれるセミナーに出てみましたが、案外、知らないこと多かったです！

ai機能が加わって、ワイヤーフレーム一気に作ってくれるとかは知っていましたが、
リライト機能（テキスト生成）やコンテンツの置換、レイヤー名を自動で整えてくれたり、すぐにでも使える！！

[keita | Hyrax inc. | designer @keita_web1]

【figmaのバリアブルとスタイルの使い分け】
あんまり違いないと思ってたけど、この分け方がいいかも！

グラデーションやブレンドモードを使用したい場合はStyle

モード切り替えに対応する色を使いたい場合はVariable

バリアブルは無料プランだと使える範囲限られるから注意⚠️

[keita | Hyrax inc. | designer @keita_web1]

社内のステッカー作りを担当しました！公式ではないので、画像載せられないですが、皆さんとても喜んでくれて、デザイナーとしてとても嬉しかったです！

こうゆう体験した時にデザイナーになれてよかったと感じます☺️