Dermalogica Business Center
The Dermalogica Business Center serves 7000 Dermalogica accounts nationwide. The site provides hundreds of digital assets for promoting the Dermalogica brand. I designed and developed the site using WordPress, Extensis Portfolio and custom HTML, CSS and jQuery.
"Download Artwork" icons designed by Christopher Reed.
"Download Artwork" icons designed by Christopher Reed.
Published on:
2011
Web Design, Web Development
- Dermalogica Business Center
Lead designer and developer. Created using WordPress and Extensis Portfolio.
"Download Artwork" icons created by Christopher Reed.
Dermalogica Business Center logotype by Natalie Trevino.
-
This is a selection of HTML email newsletter campaigns I designed for Rachael Ray, Cooking.com and Pilsbury. They were designed using Photoshop CS5.Web Design, Graphic Design2011 -
I designed this website for celebrity chef, Cat Cora. The website utilizes the Cooking.com e-commerce platform. I also provided front-end development on several of the site's elements. I edited existing template code as well as hand-coding custom CSS, CSS3 and HTML5.Web Design2011 -
This touch-screen kiosk was designed by Dermalogica creative director, Mathew Divaris. I had the opportunity to design the UX and interface for the joinFITE redemption page (pictured). The color scheme and buttons were designed by Mathew Divaris. The initial design was centered and included a top to bottom flow. I added some additional design elements (backgrounds, gradients, etc) and reconfigured the layout to include a left to right flow, beginning at the top left and concluding with the "activate" button at the bottom right. This facilitated a more clean and cohesive design that maximized the available space. The kiosk will be installed at the Los Angeles Skirball Cultural Center for a joinFITE event.
I also performed the front-end development on the redemption page interface utilizing HTML5 and CSS3.User Interface Design2011 -
Martinez Industries.co is the business site for custom car upholsterer and fabricator, David Martinez. I designed the logo in the style of a winged automotive emblem. I created the site using WordPress and the Woo Theme "Simplicity." I customized the "Simplicity" theme by adding the polished black texture, the brushed steel texture and the cream leather texture. I edited several elements of the CSS to slightly alter the layout as well.
The Photography and copy is by Jacki Marzano.
Visit: www.martinezindustries.coWeb Design, Web Development, Branding2011 -
JoinFITE.org is a microfinance website that provides loans to women around the world to help start or grow their business. The goal of the site is to provide loans to 25,000 women worldwide.
I provided design and front-end development on several elements of the site. Some of these elements include the header and navigation, the aside which includes a real-time counter of loans funded, the 3 homepage buckets, the three column layout, and the redeem code page. I also integrated the q Translate functionality, translating the site into six languages including Chinese.
Please visit:
www.joinfite.orgWeb Design, Web Development2011 -
I designed and developed this site for the skin care brand, Clean Start. It was created in Photoshop CS5 and hand coded with HTML, CSS, CSS3, and JQuery.
Please visit:
www.cleanstart.dermalogica.com/pledgeWeb Design, Web Development2011 -
I designed and developed this website for the movie, The Wedding Weekend. I created it using hand coded XHTML and CSS.
Please visit:
www.theweddingweekend.comWeb Design, Web Development2010 -
I designed and developed this site for the skin care brand Clean Start. It is a microsite for their Smart Mouth Girls program. The layout was designed in Photoshop CS5 and hand coded with HTML and CSS. I also utilized Google Fonts to implement the hand written font "Covered by Your Grace."
Please visit:
www.cleanstart.dermalogica.com/smartmouthgirlWeb Design, Web Development2011 -
I designed and developed this portfolio site for director of photography, Eric Schmidt. It was created with hand coded XHTML and CSS, JavaScript and QuickTime.
Please visit:
www.ericschmidtdp.comWeb Design, Web Development2010 -
I designed and developed this website for professional makeup artist, Tom Perez. The site was hand coded with XHTML and CSS and utilizes JavaScript for the photo gallery. The pages were designed in Photoshop using several images from istockphoto.
I illustrated the scarab beetle in Adobe Illustrator and then added the texture and 3D effects in Photoshop.
www.eyecandymakeupstudio.comWeb Design, Web Development2010 -
I designed this layout for clothing designer Jessica Louise. It will be built with WordPress, jQuery, and custom CSS and HTML.Web Design, Web Development2011 -
I designed this email newsletter to promote FITE and Dermalogica's PreCleanse.Web Design, Web Development2011 -
This is a logo for custom car upholsterer, Dave Martinez. I designed and illustrated it in Photoshop CS4.Graphic Design2011 -
I designed this logo for hairstylist Raileen K Donovan. This is a business card mockup featuring the logo. The design was created in Photoshop.Graphic Design2012 -
Logo for O'Connor Music. Created using Adobe Illustrator.Graphic Design2010 -
Logo for actress, Sara Rue.Graphic Design2011 -
Poster for personal use. Created in Photoshop.Graphic Design2010 -
This is an educational paper kit. It features the 5 Platonic Volumes and is designed to be downloaded, printed and constructed with scissors and glue. I designed this in Photoshop CS4.Graphic Design2011 -
Spring catalog for Los Angeles Academy of Figurative Art. Created using Photoshop.Graphic Design2010 -
Twitter poster created with Photoshop and a Wacom tablet. For personal use.Illustration2010 -
This is an original illustration for a concert poster. It is hand drawn with traditional pen and ink.Illustration2011 -
I illustrated these web pages in Photoshop CS3 using a Wacom tablet. The website was produced in Flash by Bradford Holt.
Please visit:
www.ardenmyrin.comIllustration2010 -
These are a few samples of personal graphic design projects from a series called, "This Doesn't End Well."Graphic Design2011 -
Ten Blue Devils logotype designed in Photoshop.Graphic Design2010
