LIVALEST 大阪のホームページ制作

29/03/2024

先日は、陸上自衛隊第3師団様にご依頼いただき、千僧駐屯地で、「採用・求人に関するWebサイトの活用」というテーマでセミナー登壇しました！
ペルソナを作っていただくワークや、Webデザインの基礎などお伝えしました。
本当にとても良い経験になりました！（資料作りめちゃ大変だったけど！）

内容的には、デザインの4原則から始まり、Webデザインの特性、ターゲットの理解というところを深掘りをしてお話させていただきました。

ターゲットの理解の項目で、ペルソナ設定のワーク、ユーザーインタビューやカスタマージャーニーマップまで解説したのち、競合調査として、採用・求人サイトならではのコンテンツやデザインの特性を僕なりに考えたことを提供した内容でした！

皆さんとても真剣に聞いていただけて（オンライン上でも聞いていただけてみたいで、どのぐらいの人数の方に聞いていただけたか細かい数字まではわからないのですが・・・）、資料を作り込んだかいがありました！

本当にこういった機会をいただけて、幸運でした！

15/03/2024

noteを更新しました！

書くのがめちゃくちゃ遅くなりました（もはや3月中盤・・・）が、2023年の総括と2024年の抱負・目標などについて書きます。 この記事で8年目ですね。 詳細は後々書きますが、2023年は法人化を予定していたところ、急な補.....

03/10/2023

MEO対策代行サービスに関するプレスリリースを配信いたしました。

株式会社LIVALESTのプレスリリース（2023年10月3日 10時20分）大阪・関西の[店舗集客]をサポートするMEO対策代行サービスを正式にローンチ。記念して、1ヶ月間限定でアカウント設計・診断無料キャンペーンを実施。

11/01/2023

ブログを更新しました！
2022年の総括と2023年への指針についてです。
去年は事業サイトをリニューアルしたことで、より足らないことが明確になった1年でした。
足らない部分を補うためにも、今年はいろんな意味で「個人」を脱却する1年にしたいです！

2023年の個人的に指針は、
1、Webマーケティングの施策を打ちまくる
2、「個人」からの脱却
3、Twitterをビジネスに活かす
です！

2022年の総括と、2023年の指針についてのブログ記事です。事業サイトをリニューアルしたことで、足りないもの見えきたので、個人という形を脱却し、いろんな人の力を借りてスケールできる年にしていきたいです。

05/09/2022

事業紹介のページをリニューアル！
事業概要をはじめ、VISION・MISSIONや信念、代表メッセージ、事業沿革、事業指針を掲載。
GSAPでアニメーションしたり、筑紫Aオールド明朝使ったり、好きにデザイン・コーディングしました！
ぜひぜひ、覗いていただければ喜びます🙇‍♂️

事業概要をはじめ、VISION・MISSIONや信念、代表メッセージ、事業沿革、事業指針を掲載。事業内容は、ホームページ制作、サイトの管理・運用・更新、リニューアル、SEO、Google Business Profileの代行、LINE公式アカウントの運用.....

31/08/2022

ブログ更新しました！
「ポートフォリオからSEOで集客できるWebサイトにリニューアルする全工程を紹介」

・リニューアルのきっかけ編
・ターゲット・サイトデザイン・コンテンツ編
・コーディングスキル編
・時間的・費用的コスト・作成期間編
・今後の施策編

内部リンク差し込むために、色々記事書いてましたが、これがサイトリニューアル記事の集大成編です！

事業サイトへリニューアルした内容をきっかけ編、サイトデザイン編、コーティングスキル編、時間的・費用的コスト・作成期間編、今後の施策編と5つに分けて書きました。SEO流入を狙う土台はできたので、サイト集客の.....

07/08/2022

コアウェブバイタルの観点からpictureタグを使った画像ベストプラクティスについての記事を書きました。

・type属性で画像フォーマットAVIF、WebPを使用
・AVIF・WebP作成ツールについて
・srcset属性でRetinaディスプレイに対応
・media属性でデバイスごとに画像を出力
・width/height属性を指定してレイアウトシフトを回避
・loading属性とdecoding属性で遅延読み込み
・SVG画像の方が良い場合
・CSSのbackground画像は極力使わない理由

AVIFやWebPなどの新しい画像のフォーマットの登場や、Internet Exploreの終了によって画像をより簡単に最適化しやすくなりました。Webサイトの画像はその容量の大きさからサイトのパフォーマンスに大きく影響し、画像の最適化...

26/07/2022

ブログ書きました！
・CSS変数（カスタムプロパティ）とは？
・CSS変数（カスタムプロパティ）の使い方
　ー 変数を宣言・定義する場合
　ー 変数を呼び出す場合
・CSS変数とSassの違い
・CSS変数を具体的にどう使ってる？
　ー 配色を管理する
　ー z-indexを管理する

IE終了に伴い、CSS変数（カスタムプロパティ）で配色やz-indexを管理しました。保守性・メンテナンス性含め、管理がしやすくコーディングも効率化できるのでぜひ導入してみてください。具体的な変数の宣言・定義・呼び出...

29/06/2022

僕がサイト制作する際によく使う、Webデザインの配色ツールをまとめました。
・定番中の定番ツール
ー AdobeColor
ー ColorPickerTool 0to255
ー マテリアルデザイン-Material.io
ー Colorbase
・グラデーション作成ツール
ー ColorSpace
ー CSS Gradient Generator
ー Chromatic Gradient Generator
ー Fresh Background Gradients
・CSS&SVGの背景作成ツール
ー Gradient Magic
ー SVG Backgrounds
・配色アイデア・カラーパレット・見本リスト
ー カテゴリー別配色アイデア100-Webクリエイターボックス
ー COOLCOLORS-サルワカ
ー 配色アイデア見本101選-PHOTOSHOPVIP
ー WEB色見本原色大辞典-HTMLカラーコード

よかったら覗いてくださいー！

https://livalest.com/blog/generator-tools/

クライアントワークでもよく使う配色ツールでして、難しい配色選定をお手伝いする強力な武器になります。 定番中の定番ツール、グラデーション作成ツール、CSS&SVGの背景作成ツール、配色アイデア・カラーパレット・見....

08/04/2022

・CSS
wp_deregister_style関数を使って不要なCSS削除
wp_enqueue_style関数でCSS登録する

・JavaScript
wp_deregister_script関数を使って不要なJS削除
wp_enqueue_script関数でJSを登録する
script_loader_tag関数でasync・defer属性を付与する

などブログ書きました！

このサイトが大規模になりつつあったので、CSSやJSの管理に困っていたところ、functions.phpで管理する方法を知りました。リニューアルにあたり、この機に複雑なタグ周りの整理を行いました。CSSやJSを各固定ページや投稿ペ....