siema-designは、Webデザインのコーディング代行を専門としております。
Works
-
Details
- タイトルいわた接骨院・整体院
- 制作期間11ヶ月(2022.11~2023.1,2023.4-2023.11)
- デザイン自社
- 概要Wordpress, Javascript, jquery, サーバー契約代行, Webデザイン, 問合せ機能設置, 動画埋め込み, 地図埋め込み, SEO対策, 既存サイト改修
- 詳細WordPressのWebサイトをデザインからコーディングまで行いました。現在もSEO対策として、Google Analytics、Google Search Consoleを設置して、オーナー様と共に、毎月キーワード検索順位の向上、Webサイトの改善を行いながら、良いサイトに改善中です。 その結果、特定のキーワード検索ですが当初サイト改修時から4ヶ月で10位→4位まで上がりました。
-
Details
- タイトル知多木綿服飾ブランド：OSOCU_LP
- 制作期間制作期間:2ヶ月(2023.11-2023.12)
- デザイン他社
- 概要HTML/CSS, Javascript, jquery, ドメイン取得代行, 動画埋め込み, 新規サイト作成
- 詳細知多木綿を使った服飾ブランドOSOCU様の商品LPのコーディング、サブドメイン取得を行いました。
-
Details
- タイトル安城青年会議所様主催:レストラン「祥い」LP
- 制作期間2ヶ月(2024.3-2024.4)
- デザイン他社
- 概要HTML/CSS, Javascript, jquery, ドメイン取得代行, 動画埋め込み, 新規サイト作成
- 詳細安城青年会議所様主催:レストラン「祥い」のオープン記念のLPのコーディング、サブドメイン取得等を行いました。
-
Details
- タイトルアイディアバルブ：セルフフォト寫眞舘ページ
- 制作期間3ヶ月(2023.12,2024.6-2024.7)
- デザイン他社
- 概要Wordpress, Javascript, jquery, 問合せ機能設置, 既存サイト改修
- 詳細デザイン制作会社が運営するセルフフォトスタジオのページを改修しました。 今まで、メールで問合せだったシステムを、予約フォームを設置し、日にち選択カレンダーから日時が選べるように変更しました。
-
Details
- タイトル英雄会Webサイト
- 制作期間4ヶ月(2024.3-2024.6)
- デザイン他社
- 概要Wordpress, Javascript, jquery, ドメイン取得代行, サーバー契約代行, 問合せ機能設置, SEO対策, 新規サイト作成
- 詳細歯科医療セミナー、経営サポートを行っている「英雄会」さまのコーポレーションサイトを作成いたしました。 新規サイトでブログページと問合せページを設置したいとの依頼だったため、WordPressでオリジナルテーマを作り、プラグインで問合せページを設置し、SEO対策として、Google Analytics、Google Search Consoleを設定しました。
-
Details
- タイトルベビー用品ECサイトのイメージ絵本の実装
- 制作期間8ヶ月(2023.10-2023.12,2024.5~2024.9)
- デザイン他社
- 概要HTML/CSS, ECサイト, jquery, 既存サイト改修
- 詳細shopifyの既存サイト内に新規ページを作って、新規ブランドのイメージ絵本を実際に絵本をめくるような動きをjqueryのライブラリを使用して設けるよう、依頼を受けました。 shopify未経験でしたが、絵本の画像サイズなどを一から調整し、イラストレーターの方とも文字の位置やページをめくったあとの文字の現れる速さなどを調整しながら、実装しました。 なお、スマホページではPCとは別のjqueryを使用して、スライドしてページが移動するように切り替えました。
-
Details
- タイトルステーキハウス-シャロレ-
- 制作期間2ヶ月(2025.2~2025.3)
- デザイン他社
- 概要HTML/CSS, Wordpress, Javascript, jquery, ドメイン取得代行, サーバー契約代行, 問合せ機能設置, 地図埋め込み, SEO対策, 既存サイト改修
- 詳細無料HP作成で自作されていたホームページを新規レンタルサーバー登録、ドメイン新規取得、ワードプレスでの更新に切り替えました。グーぺという会社の無料HP作成で作られたドメインを使用できず、新規にドメイン新規取得などおこないました。
-
Details
- タイトルデンタルラボラトリー-TLEGIT-
- 制作期間3週間(2025.6-2025.6)
- デザイン他社
- 概要HTML/CSS, Wordpress, Javascript, jquery, ドメイン取得代行, サーバー契約代行, 問合せ機能設置, 地図埋め込み, 新規サイト作成
- 詳細デザイナーが描いた「デス・ストランディング」のような世界観を、ホームページ上で再現するため、コーディング面から表現を担当しました。 単なるビジュアル再現ではなく、動き・質感・間の取り方によって“世界観を感じさせるコード”を意識しています。 実装のポイント ゆっくりと変化するグラデーション背景を CSS アニメーションで実装。 非常に低速で動く滑らかなトランジションを設定。 中央の Tlegit ロゴ の周囲に、CSS/SVGで構築した 六角形モチーフのボタンやマークを配置。 ロゴを中心に軌道上に並ぶようスクリプトで制御し、ホバー時に色が反転するようにした。 全体のトーンは、無機質な金属感と深い空気感を意識したダークグラデーションで統一。 静けさの中に緊張感を感じさせるデザインとしました。 スクロールすると、メインビジュアルを固定したまま、コンテンツが現れるようにし、視覚的にも 楽しめるUIデザインを実装しました。
