旅するように生きることを目標にしているWebデザイナー＆フロントエンドエンジニア。Web界隈のことやライフハックを発信中。
大阪→東京→湘南
ポートフォリオサイトはこちら
http://mako.red
お役立ち
web制作を大阪と東京を拠点に制作しているARUTEGAの平尾です。 最近は滋賀のお客様からお問い合わせが増えたので、琵琶湖の湖畔でコワーキングしていることが多いです。 滋賀の西側には自然がいっぱいあって、最近は移住を考 …
デザイン
転職・フリーとして活躍したいWebデザイナーの方は、日夜ポートフォリオ作りに勤しんでるのではないでしょうか。 ポートフォリオは実績・実力がわかりやすい必須ツールです。 こんにちは、クリエイティブディレクターの平尾誠です。 …
コーディング
去年のまとめ記事を集めてくれてるのってとてもありがたいですよね。 PHOTOSHOP VIPで取り上げられてたCodePenのソースコードでとても使えそうなものをここに備忘録として置いておこうと思います。 今すぐ使いたい …
活動報告
この度、ARUTEGA Inc より、salud Inc のクリエイティブ一式を制作させていただきました。 制作したものは ロゴ デザインガイドライン 企業ステートメント コーポレートサイト 会社説明資料 となります。 …
お役立ち
ご無沙汰してます。 webデザイナーの平尾です。 クライアントワークでカレンダーと連携した予約機能を実装したくなりました。 予約系のプラグインはたくさんあるんですが、支払いまでを一貫してできるものはまだまだ少ないのではな …
デザイン
webデザイナー/プロデューサーの平尾誠です。 『webデザイナーを目指しているけど、デザインってどうやって勉強するの？』 とお困りの方はとても多いと思います。 結論からいうと、一言で済む答えがないから悩むんだと思います …
コーディング
webデザイナーの平尾です。 最近NoCodeがクリエイター界隈を賑わせています。 NoCodeとはプログラミングの知識がなくても、ブラウザからの操作だけでプロダクトが作れると言ったものです。 でも、実際にweb制作会社 …
コーディング
webデザイナーの平尾です。最近新しいツールにできるだけたくさん触れています。 少し前にShopifyの感想を書いていましたが、今回はwebflowを初めて使ってみた感想をまとめます。 webflowはコードを書かなくて …
ブランディング
webデザイナーの平尾です。 でも最近その仕事内容はプロデュース業です。 僕の場合よくコーポレートサイト制作をお手伝いさせていただきます。 LPとかドーンと派手なプロモーション系のお仕事は少なめ。 そのときに大切なのがブ …
デザイン
新しい制作実績のご紹介です。 海外戦略のコンサル企業、PINPINBAR Incのコーポレートサイトをデザイン・実装しプロデュースしました。 アートディレクションの過程で企業のコピーを明確にし、すでに存在していた行動指針 …
デザイン
webデザイナーの平尾誠です。 今年の制作の振り返りです。 ポートフォリオサイト：Code is Design http://hiraomakoto.jp/ こちらは自分のポートフォリオサイトです。 こちらAWWWARD …
デザイン
webデザイナーの平尾です。 今年もいけてるサイトがたくさんありました。 僕は海外サイトと国内サイトを毎日両方をみています。 今年は出来るだけ制作の参考にするために、国内サイトを特にたくさん見た年でした。 その中の一部で …
コーディング
webデザイナーの平尾誠です。 水面のように水が揺れているようにするJquery のプラグイン、【jQuery Ripples】を紹介します。 これ系のwebGLは開くだけでPCからプシューって音がなる。 とかく、新しい …
活動報告
新しい制作実績のご紹介です。 シャンプーのBOTANIST、ヘアアイロンのSALONIAの会社、I-neのコーポレートサイトを設計しました。 僕はプロデューサーを担当し、デジタルコミュニケーションのゴール設定とデザインワ …
ブランディング
webデザイナーの平尾誠です。 コーポレートサイトのフルリニューアルがきっかけとなって、ブランディングを始めるきっかけになる企業は多いです。 なぜなら、会社を説明するに当たって、情報の優先順位を再考しなければいけないから …
デザイン
webデザイナーの平尾です。こんにちは。 デザインがイケてる台湾のweb制作会社をまとめました。 台湾のデザインは独特で、曲線的なデザインが少なくて、文字が目立つようなデザインが印象的。 webデザインのことを台湾では『 …
デザイン
Webデザイナーの平尾誠です。 表題の通り、TRAIL HEADS様の5周年記念LPを制作しました。 TRAIL HEADS様は働く場所を作るオフィスデザイン事務所です。 キャンプ場やコワーキングスペースも事業として運営 …
デザイン
こんにちわ、webデザイナーの平尾です。 このシリーズは不定期に個人的に好きなデザインのサイトをご紹介しています。 思いついたことを興奮気味のままに綴ることで、ブログに記事を流し込むハードルを下げ習慣づけます。 最近読者 …
デザイン
webデザイナーの平尾誠です。 最近はwebサービスをデザインさせてもらって幸せです。 僕はもともとSketchを使ってwebサイトをデザインするデザイナーなので、使うツールには違いはありません。 でも、サインやモジュー …
コーディング
メガドロップダウンメニューを今度コーポレートサイトで使う予定です。 だから今のうちに作っておこう。 コピペして使えるようにしたので、こちらをお使いください。 jqueryでメガドロップダウンメニューを作ろう See th …
お役立ち
webでなんでも学習できる時代になりましたね。 独学が得意な人は、これからなんでも動画でなんとかしてしまいますよ。 ほんと探せばあるわあるわ、動画学習サービス。 そんなこんなで、オンライン学習のお供にできる動画学習サービ …
お役立ち
こんにちはアルテガの中の人、平尾誠です。 これまでのアルテガ内の過去の記事をまとめました。 このブログではwebデザイナーやエンジニアが少しでも稼げるようになることを目的にして情報を発信しています。 最近ではオンラインで …
コーディング
webデザイナーの平尾誠です。 最近はvue.jsを学習しています。 そこでVue.jsを始めるために役立った記事を、これから始める人のために備忘録としてまとめておきたいと思います。 何から学習していいかわからない イン …
デザイン
webデザイナーの平尾誠です。 かなり久しぶりにイケてるwebサイトをベタ褒めしていくこのシリーズを再開します。 LARGO.inc https://largo.studio/ こちらは店舗設計やディスプレイの会社のポー …
デザイン
webデザイナーの平尾誠です。 最近はインタラクションがすごいサイトよりも、かっちりとした堅実で堅牢なイメージを持ったコーポレートサイトにはまっています。 最近、僕がとても参考になると思ったサイトをこちらで紹介します。 …
コーディング
今では世界のホームページの31％がWordpressを利用して作られています。 この記事は以下の方が対象です。 あなたに読んでほしい ホームページを自分で作りたい ブログをはじめたい WordPressって聞いたことある …
デザイン
webデザイナーの平尾誠です。 新米webデザイナーが良いデザインを作るのに必要なポイントをまとめました。 結論は下記のツイートの通りです。 新米Webデザイナーが良いデザインを作る ・真似る・目線は左から右へ・読み飛ば …
コーディング
Webデザイナーの平尾誠です。 例えばヘッダーとかフッターは全ページ共通のパーツだったりしませんか？ たくさんのページで使われる同じソースコードは、コンポーネント化してインクルードしましょう。 PHPを使いますが、理解し …
お役立ち
Webデザイナーの平尾誠です。 僕は表題の通りMENTAというサービスを利用して、Web制作のメンターをしています。 メンターとは講師と少し毛色がちがい、手取り足取り教えることはしません。 その代わり、つまづくたびにアド …
お役立ち
デザインをするための素材は無料で使えるものがたくさんあります。 そこでWebデザインやグラフィックデザインをする際に必須になる素材サイトを集めました。 新しく発見されるたびに、追加していく予定です。 デザイン素材 fre …
