www.swsafety.com
I designed and developed the new website. Using HTML, CSS, and JavaScript I customized the layout and color scheme. This is based off a template provided by X-Cart, a PHP eCommerce platform. Working with the marketing team and sales team I created and edited all visuals. Developing the site theme I created the look and feel while remaining within the branding guidelines.
Home Page Banners
I developed the homepage banner slider using HTML/CSS and JavaScript. Using Adobe Photoshop I edited and customized all images for the banners. I created dual tone banner images to highlight the product and retain visual uniformity.
Site Layout
Site Responsive Elements
Branding Guidelines
Icon Development
Marketing Banners
Using Adobe Photoshop I customized images and developed branding concepts.
Product Sell Sheets
Using Adobe Illustrator, I developed and updated the product sell sheets. These are for marketing collateral and materials.
Catalog
Working with the Marketing team I helped develop a product catalog using Adobe InDesign. Below you can view the page layout.
Email Design
Using the Marketo Program I developed Email designs to flow in the marketing campaign.
Customizing the email layout I utilized HTML tables and inline CSS to guarantee accurate display across all browsers and email viewers. All customizations were done in the Marketo program.
Product Images
I created a standard visual template of the products.
Products Pages
Informational Pages
The informational pages were developed from a template I created. Using a combination of inline CSS and @Media CSS I produced a customized page that is responsive for all devices. The vertical navigation adapts to the screen resolution and the content changes to the device width. I also edited all visuals in the informational pages.
Category Pages
I developed the category page sub banners using inline css and applied @media css to retain responsive elements.
Back to Top