ポートフォリオ(サンプルサイト)

SIRIUS 作品紹介

 

受注した作品の一部をご紹介します。

納品サイトのサンプルとしてご覧ください。


SIRIUSでのCSSコーディング・その他

既存サイトのリニューアル

 

SIRIUS既存サイトのリニューアル

 

SIRIUSで作成されていたサイトをデザインを含め、リニューアルしました。ヘッダー画像のデザイン一新。サイトを最新のHTML5でスマホでも見やすいGoogleが推奨しているレスポンシブデザイン化。
スムーズにスクロールするトップへ戻るボタンや固定されたスティッキーなサイドメニューなどを設置し、現代風のサイトに一新。
更に、モジュール機能を活用して簡単に表示を切り替えられるように設定しました。

サイトの横幅や速度調整

 

ロト7サイトコーディング

 

100ページを超える大型サイトのカスタマイズ(コーディング調整)。
レスポンシブテンプレートの横幅や、ヘッダーの縦幅の調整。
メールフォームの設置。独自タグを設定し、アドセンスのPC・スマホの表示・非表示の切り替え、Google Speed Insights対策で表示速度やユーザーエクスペリエンスの改善作業などを施しました。

画像やタグの一式変更

 

鍵の仕事人サイト修正

 

約50ページもあるサイトの別地域バージョンを作成するため、複製されたサイトの地域データをタグからイメージ画像まで全て変更しました。
合わせて6サイト分の変更を短期間で正確に修正変更しました。

浮かぶボタンやメールフォームの設置

 

SIRIUSメールフォーム設置

 

SIRIUSで作成されたサイトに、jQueryを利用して登録を促す浮かぶバナーボタンや、トップへ戻るボタン、さらに一括登録用のメールフォームのボタンを設置しました。

 

→ SIRIUSでサイトカスタマイズの詳細ページへ

 

 

 

 

既存サイトのSIRIUS化

WordPressサイトからのSIRIUS化

 

教育ローンのお話

 

WordPressで作成された情報サイトを管理しやすいSIRIUSに移転。
レスポンシブデザイン対応。

既存サイトのSIRIUS化

 

ぶりしゃぶ

 

通常のWebサイト作成ソフトで作られたサイトを、デザインをほとんど変えずにSIRIUSで管理できるようにSIRIUS化。
レスポンシブデザイン対応。

 

→ 既存サイトのSIRIUS化の詳細ページへ

 

 

SIRIUSのテンプレート作成

レスポンシブテンプレートの作成

 

SIRIUSテンプレートクレジットカード

 

ご依頼のデザインカンプを元に、Photoshopにてデザインを作成、SIRIUSでレスポンシブタイプにコーディングしてテンプレート化。

 

 

レスポンシブテンプレートの作成

 

SIRIUSテンプレート青

 

提供されたキャラクター画像を利用し、ご依頼沿ったデザインで、SIRIUSのレスポンシブタイプのテンプレートを作成。
ウォーターサーバーの紹介など、水をイメージしたデザイン。

ランキングサイトのテンプレート作成

 

テンプレート作成

 

SIRIUSの機能をフル活用したランキングサイトのテンプレートを作成。
データの編集はご依頼主様で好きに編集できます。
『ランキング作成機能』を利用することで、商品情報の登録、順位の入れ替えなどが簡単にできます。
さらに、ヘッダー画像のスライドショー表示、スクロールボタンなど、jQueryを利用した見栄えの良いトップページを作成致しました。

 

iPhoneサイト用テンプレートの作成

 

SIRIUSテンプレート

 

SIRIUSのiPhoneサイト同時作成機能で作られるiPhoneサイト用テンプレートを作成。
ご依頼のデザイン(psdファイル)を元に、文字の部分などは変えられるようにコーディングし、テンプレート化。
フッターのメニューはPC画面におけるサイドメニューを表示。
iPhoneサイトのフリースペースにて、フッター広告の変更も簡単。

 

 

→ SIRIUS用テンプレートの作成の詳細ページへ

 

 

ビジネス用Webサイト作成(DreamWeaver使用)

レスポンシブサイトのコーディング

 

コーディング例

 

会社案内サイトのリニューアル(HTML5・レスポンシブ化)のため、Photoshopファイル(.psdファイル)を元にWebサイト化。ページ全般をコーディング。

 

既存サイトの追加コーディング

 

柔道整復師の求人【神奈川県相模原市】

 

既存サイトの追加コンテンツとして、頂いたイラストレーターファイル(.aiファイル)を元にWebサイト化。
トップページのクリッカブルマップやLP形式の地域別募集ページ全般をコーディング。

 

 

ランディングページ作成(DreamWeaver使用)

主婦向けアプリ紹介LP

 

comado

 

ご要望のデザインを勘案し、DreamWeaverにてコーディング。レスポンシブデザイン。
SNSボタン、トップへ戻るスクロールボタンなども設置。ご要望により、文章を変更しやすいような構成にしてあります。

ダイエットアプリ紹介LP

 

DietGirls

 

Photoshopでデザイン作成後、DreamWeaverにてコーディング。レスポンシブデザイン。SNSボタン、トップへ戻るスクロールボタンなども設置。

 

→ ランディングページ(LP)作成の詳細ページへ

 

 

 

※こちらに紹介しているポートフォリオは依頼を受けた中の一部です。
他にも数多くのサイト作成・カスタマイズを手掛けております。

 

  お知らせ


記事入れ代行・コンテンツ作成代行のサービスは行っておりません。
ご理解のほど、よろしくお願いいたします。


サービス一覧

ご利用の流れ

ご利用者様の声

SAKURA SUPPORT お問い合わせ