Tokyo Q Studio

Web制作・WordPress・BootStrap・DTM制作・SEO対策

RANDOMランダム記事

Adobeから流出したパスワードでよく使われていたものトップ100 が公開される

わずか3万5千円で購入できる3Dプリンターが登場

「Windows 8.1」が無償提供される理由とは – 阿久津良和のWindows Weekly Report

PCゲーム用タブレット Razer Edge は3月発売、Core i5 版 999ドルから

no image

すごく役立った!サイト制作でさりげなく使われているCSS テクニックまとめ

LINE電話で発信者番号通知の偽装ができる件

Tokyo Q Studio Works Portfolio

Tokyo Q StudioのWeb制作実績

Web制作を生業にしてからの制作実績です。

当初はコーディングのみの受注が多かったのですが、現在では

 

  • WordPressとBootStrapを組み合わせたコンテンツ
  • スマホ化の最終調整
  • フロントエンドでの実作業
  • Serverの簡易調整
  • PageSpeed Insights対策

 

等を中心に制作をさせて頂いています。

最近ではマテリアルデザインに注目し、ボタンやフォームのギミックを取り入れて楽しめるユーザビリティーを取り入れ情報はもちろんのこと、見て楽しい触って楽しいWebサイト制作を目指しています。

 

製作ツール

  • Sublime Text3
  • Adobe Creative Cloud
  • Prepros
  • MAMP
  • Transmit
  • JPEGmini
  • ImageOptim
  • Hoster
  • Google Chrome
  • iOS Simulator

熊魚菴たん熊北店

 前職のお客様のECサイト製作させて頂きました。

初めてのお仕事としてのサイト制作です。

ベースにWordPress+Welcart。

デザインは薄茶色を基調とし、落ち着いた見た目にしました。作業時間15時間は各商品ページの写真の補正とテキスト入力時間も入っています。

独学ではありましたが何とか形にはなっています。

IE対策もWordPressと言う事もあり柔軟に対応出来ました。画像は全てLightBox化しております。

Plugin同士が当たらないようにするのに苦労しました。

作業時間:15時間

NICHIEI Group Flash Movie

商品トップページのFlashムービーを制作しました。

トップページのビルボードFlashムービーを作成いたしました。「防水処理」「シロアリ・ゴキブリ駆除」「スマートハウス」の3種類のスライドショーです。

各画像上でクリックすることでリンクに飛びます。

透明枠を作りActionScript2.0で書き込んでいます。

スライドはタイムラインで書いています。

作業時間:3時間

NICHIEI Group キャンペーン コーディング・簡易問合せフォーム設置

キャンペーンページ・問合せフォームをコーディング致しました。

キャンペーンと言う事もあり、1ページ内に2.5ページ分ほどの内容があり、少し時間がかかりました。

かなりタイトな時間的制約もありましたが、何とか納期に間に合いました。

この頃から専用共有サーバーを開設し仲間内やクライアントへの迅速な納品とテスト閲覧を可能と致しました。

キャンペーンページ内に簡易問合せフォームを設置致しました。

もともと別ページで設置していましたが、省略した形を各ページに配置しコンバージョンを上げる施策を致しました。

作業時間:0.5時間

Winpharma トップページ Flashムービー

3枚画像のムービーです。

2枚目でリンク設定するためにActionScriptを書いています。

製作時間:1時間

Winpharma 会社説明案内ページ

会社説明案内ページのコーディングを頂きました。

説明案内と言う事もあり、px単位のコーディングに気をつけました。

とてもいいデザインだったので苦戦しましたが上手くコーディング出来たと思います。

製作時間:3時間

Winpharma 薬剤師達の声トップページ

Illustratorから画像を切り取り一つのCSSパターを組み込みdiv class名で標準化しました。

今ならWordPressで作ればVoice部分を投稿で自動的に表示することも可能ですね。

あれからいっぱい勉強した成果が出ているようです。

製作時間:3時間

Winpharma 利用者の声ページ

通常1ページ分量のコーディングです。

いつも通りのIllustrator書類からの作業です。

この頃からIllustratorからのアウトプットがかなり上手くなりました。

切り取るでは無く面倒くさいですがパーツから取り出すというやり方がコーディング時とその後の出来が違うことに気がつきました。

px単位の作業がより一層細部にわたって出来る様になりました。

製作時間:3時間

Winpharma 採用案内ページ

採用案内ページを頂きました。

パターン化して行くことで作業量を大幅に減らすことが出来ました。

画像が大きいので圧縮して転送量を減らす作業もこの頃から始めました。

良いツールを探すことも仕事の一つとなりました。

製作時間:1時間

後書き

Webに関わり早5年ほど。

そのうち生業となりましたのが約2年ほどです。

 

今ではWordPressとBootStrapを中心とした制作で数々の実績を上げさせて頂いております。

今後もおごること無くより良いサービスを提供できるよう精進して参ります。

宜しくお願い致します。

  関連記事

  • 非常時にも活躍! 世界一小さいスマートフォン用充電器
    ほんの一瞬… 電源が欲しい時ありますね! http://news.mynavi.jp/news/201… iPhoneから送信
  • キラキラッ♪ ラグジュアリー感の高いタッチペン
    ローラに使って欲しいですねw http://www.gizmodo.jp/2013/02/…   わぁ、オシャレ~! ……なのか? この「フィンガーティッ ...
  • [CSS]2013年、素敵なアイデア満載のスタイルシートのテクニックのまとめ
    CSS3のみかな? これもチェック!   http://coliss.com/articles/bui…
  • Android向けIME「Google 日本語入力」正式版はどこがすごい? 搭載機能を使ってみた
    タブレット、スマホにも必要です。 変換がバカだと大変ですから。 http://news.mynavi.jp/articles… iPhoneから送信
  • appletvtouch_7-e1394852112248
    新Apple TVはタッチリモコン対応?ワクワク感の膨ら むコンセプトデザイン登場! – iPhone Mania
    AppleTVもゲームマシン分野を視野に入れてくるのか… アットマーク?で失敗しましたからね。 http://iphone-mania.jp/news-23…
  • WordPress携帯投稿-画像2枚
    画像2枚はどうでしょう… ヽ( ̄д ̄;)ノ=3=3=3iPhoneから送信
  • パソコン不要、スマホ・タブでも自宅のLANを無線化できるルータ、直販3,980円
    勘違いしてますが、スマホの回線を自動で共有させるわけではないですよね? あ、やっぱり違いそう。 びっくりしました、タイトルややこしい! iPhoneから送信
  • IPAから無料でダウンロードできるプログラミング学習教材15+ α
    今流行りのプログラムの教材が無料でダウンロード出来るそうです。 こりゃ豪気ですね! http://tar.blogru.me/entry/201…
  • スティーブ・ジョブズの大学中退から成功への道を描く映画「jOBS 」予告編
    見たいのでチェック。 日本ではいつ公開だろうか。 iPhoneから送信 Macintosh・iPod・iPhone・iPadなど数々の革新的な製品を世の中に送り出した、Appleの創業者スティーブ・ジ ...
  • no image
    最近話題になったイケてるWebサービス・アプリ10選(20 13年10月編)
    http://creive.me/archives/3768… CSSフレームワークをガッツリ覚えたい。 これもその一つです。iPhoneから送信