VASCEPA® (icosapent ethyl) is a prescription medication approved, along with certain medicines (statins), to reduce the risk of heart attack, stroke and other cardiovascular conditions. It is a medication used to treat dyslipidemia and hypertriglyceridemia when used in combination with changes in diet in adults with hypertriglyceridemia ≥ 150 mg/dL.

Vascepa.com was built with the intention of utilizing a set of stylized gradients to maintain a consistent look/feel across the site depending on the medication topic. With the website built in Sketch App, there was a well-organized global library but the main issue was working with the created SVG gradient files that generated file sizes larger than manageable online. Needling into the library and individual SVG files, I recreated each gradient within Sketch App though they were created using Adobe Illustrator gradient mesh.

Beyond this, I opened the code to each SVG and stripped away any excess coding that greatly decreased the file size and overall structure to avoid using PNG assets. With these changes, all other copy and content changes were easily made and files shared more-readily due to file compression, file layer organization and redundant asset gathering.