キラメック旗・幕 | 株式会社KILAMEK
オリジナルの旗や幕を1枚からオーダーメイドで製作します！
オリジナルの名入れをしたオーダーメイドの旗や幕を、お客様の用途や使用シーンに合わせて、どんな形状のものでも1枚から作ることができます。創業25年の旗・幕製作の専門店キラメックにお任せください。
www.旗・フラッグ.com
職種
Webコーダー
担当内容
HTML・CSS・JS(jQuery)コーディング
経験
HTML・CSSコーディング / JavaScript実装
使用ツール
Photoshop / Cursorエディタ / Googleカスタム検索 / gulp(画像ファイルをWebP画像に変換) / FileZilla
制作に携わった人数
4名(ディレクター、ライター、デザイナー、コーダー)
概要
株式会社KILAMEKのECサイト「キラメック旗・幕」。
元々、旗と幕は別々のサイトで運営されていましたが、この度「キラメック旗・幕」として同サイトで運営することになりました。
オリジナルの名入れをしたオーダーメイドの旗や幕を、お客様の用途や使用シーンに合わせて、どんな形状のものでも作ることができます。
制作期間
2024年08月～2024年12月
制作にかかった期間
5ヶ月
レスポンシブデザインの採用
レスポンシブWebデザインを採用し、PC、タブレット、スマートフォンのどの画面でみても適正な画面幅で表示されるように制作しています。
画面幅：767px超 → px
767px以下 → vw
時間短縮のため、htmlタグのfont-sizeプロパティに対して以下のCSSを指定することで、その他のセレクタに対する単位をremで対応可能にしております。
1240px超 → html{font-size: 62.5%; }
767px超1240px以下 → html{font-size: 0.80645vw; }
767px以下 → html{font-size: calc(10 / 375 * 100vw);}