十和田市の商業デザイン事務所の「ハレヤマデザイン事務所」様のサイトをリニューアル、公開しました。

▼ハレヤマ デザイン事務所のサイトURLはこちら▼

http://www2.ocn.ne.jp/~hareyama/

 

【概要】

◆クライアント様よりデザインカンプベースでご依頼をいただきました。ご要望の形にHTML、CSS、JSなどで構築。

◆カンプベースのため、Webレイアウト用にカンプデータをスライス、切り抜き、補正、修正などPhotoshopを駆使して、画像切り出し。

◆クライアント様のご要望により、適当でいいよ。というお話でしたが、いちおうWeb屋のプライドにかけて、クライアント様のデザインを尊重しつつ、可能な限りアクセシビリティ、ユーザビリティに配慮し、マークアップからCSSレイアウト調整を実施。

【ポイント】

■六角形に並べるのがものすごく大変でした。計算とかしてもいいんですが、2回修正してあまりにも面倒くさいので、六角形の背景画像使って、円パーツの中心点をfirebugで調整しました。

■各ページ、カンプデータがレイヤー統合されていたため、1枚1枚切り出し～トリミングして、と大変だったので、Photoshopのアクション使いまくりでした。

■HTML5のタグをいろいろ使う予定でしたが、妥協しました。すみません。今後、頑張ります（汗