Stella Design

[ ステラ デザイン ]

コーディング・
Webデザイン承ります。

制作実績

  • NFT FESTA スクリーンショット

    メタバースNFT展示会「NFT FESTA」

  • SNSアイコンメーカー スクリーンショット

    Webアプリ「SNSアイコンメーカー」

  • カフェサイト サンプル スクリーンショット

    カフェサイト サンプル

使用技術一例

  • レスポンシブデザイン

    画面サイズに応じてデザイン・レイアウトが可変・最適化表示されます。

  • CSS設計

    堅牢性、保守性、再利用性などを高めるため、ルールに従ってコーディングします。これができていると、デザイン変更に強く、レイアウトが崩れることが激減します。

  • SEO対策

    メタタグや内部リンク、構造化マークアップやページの速度、コンテンツそのものなどをルールに沿って作ります。

  • 構造化マークアップ

    HTMLのセクショニングコンテンツを使って構造化します。SEOの基本です。

  • メタ要素設定

    ページごとにtitle, dDescription, canonicalなどを設定しSEOに活用します。

  • XMLサイトマップ

    サイト内に存在するページを集約し、検索エンジンに伝える機能です。これによりクローリングがスムーズになります。

  • サイト内リンク

    Webサイトの評価を高めるための試作です。設計段階で意図しながら組み込みます。

  • WordPress

    世界シェアNo.1CMS。豊富なプラグインで様々な機能追加できるのが魅力。ただし運用・保守を継続する必要あり。静的サイトに移行も視野に入れて。

  • 静的サイト生成

    WordPressを入れたけど思ったより活用していない?それなら静的サイト(ジャムスタック)の方がメリットがあるかもしれません。

  • ヘッドレスCMS

    静的サイトにCMS機能を追加できます。WebサイトとCMS機能を切り離した構成にできるので、ページ表示が速くセキュリティも強くなります。

  • コーディング

    文章の流れで意味が異なる場合がありますが、このサイトではHTML、CSS、JavaScriptを書くことを意味して使っています。あんがい難しいのです。

  • HTML Living Standard

    HTMLは昔からバージョンアップが繰返され、そ機能が追加されています。現在の最新バージョンの呼び名が"リビングスタンダート"です。

  • Vue.js / Nuxt.js

    当サイトで主に開発に利用しているJavaScriptフレームワークです。