Portfolio

Back to Portfolio

Tru Events Website

Details

Category
Web Development
URL
truevents.com
Client
TRU Events [ Departure3 ]
Date
2013.8

Introduction

As a freelance web developer for Departure3, I built upon the responsive, one-page scrolling HTML template TRU and Departure3 had previously selected as the foundation of TRU Events' website. I added content and HTML5/CSS3 to continue building out the website, added oAuth 2.0 Twitter and Instagram feed functionality and added their custom-designed icons to the site by modifiying and adding the vector icon images to a custom font in order to keep the images crisp.

TRU Events Responsive Design
TRU Events
TRU Events
TRU Events
Back to Portfolio

Crowne Plaza Mobile Nav

Details

Category
Web Development
Mobile Development
URL
cpredondobeachhotel.com
Client
Crowne Plaza Redondo Beach
& Marina [ Departure3 ]
Date
2013.8

Introduction

As a freelance web developer for Departure3, I was responsible for building the Mobile Navigation for the Crowne Plaza - Redondo Beach & Marina website, launched in August 2013. Built on jQuery mobile, the expanding/collapsing nav features a representitive photo for each subsection, styled in CSS3 and cropped/resized by the CSS depending on the guest's phone screen size and portrait or landscape orientation. After menu-item click and page load, the script also scrolls past the nav and to the beginning of the page content.

Crowne Plaza Redondo Beach & Marina
Crowne Plaza Redondo Beach & Marina
Crowne Plaza Redondo Beach & Marina
Back to Portfolio

The Lewis Brothers Website

Details

Category
Web Development
Wordpress Development
URL
thelewisbrothers.com
Client
The Lewis Brothers [ Departure3 ]
Date
2013.7

Introduction

While working as a freelancer at interactive shop, Departure3, I developed The Lewis Brothers website featuring the comedic work of brothers Jake and Sam Lewis. The site is built upon a premium Wordpress template, allowing easy content addition and custom backgrounds on each page. The global left-hand nav column displays an auto-updating Twitter feed styled with CSS3 to fade to black at the bottom no matter what height the browser is resized to.

The Lewis Brothers
The Lewis Brothers
The Lewis Brothers
Back to Portfolio

Exile of Silence Album Cover

Details

Category
Print Design
Programs Used
Adobe Photoshop
Client
Exile of Silence
Date
2013.4

Introduction

Exile of Silence 'The Other Side of Things' Album Cover created in Adobe Photoshop. I began with a photograph of the digital artist, and the logo of the record label, and created the rest of the album cover in Adobe Photoshop using an assortment of brushes and filter effects.

Album Cover created in Adobe Photoshop
I began with these two elements, a photograph of the digital artist, and the logo of the record label, and created the rest of the album cover in Adobe Photoshop using an assortment of brushes and filter effects.
Album Cover created in Adobe Photoshop
Album Cover created in Adobe Photoshop

Details

Category
Web Development
Flash Development
URL
us.sanyo.com
Client
Panasonic [ Issimo Digital ]
Date
2012.4

Introduction

As a freelance web developer for Issimo Digital, I repurposed Sanyo's homepage Flash animation and Actionscript 3.0 code to create a new animation reflecting Sanyo's aquisition by Panasonic, and directing customers to the Panasonic website, or to information about the now discontinued Sanyo products. Also updated information and adjusted graphics and animation within the landing page animations of Commercial Biomedical and Consumer Solar of Sanyo website.

Panasonic & Sanyo
Panasonic & Sanyo
Panasonic & Sanyo
Back to Portfolio

Issimo Digital

Details

Category
Web Development
URL
issimodigital.com
Client
Issimo Digital
Date
2012.3

Introduction

Created a single page website with fixed Top Nav from designer's Photoshop comps. Sections are populated with XML content and clicking on Work thumbnails take you to a Project Detail Page, also populated by an easily updatable XML file. Tweaked top nav functionality with JavaScript to accomodate iPad's iOS inability to use 'fixed' CSS functionality.

Issimo Digital
Issimo Digital
Issimo Digital
Back to Portfolio

Street Chic Boutique

Details

Category
Web Design
E-Commerce / Web Development
URL
development.streetchicboutique.com
Client
Street Chic Boutique
Date
2011.6

Introduction

Created designs and all graphics for the ecommerce storefront of this local clothing boutique. Utilized Prestashop ecommerce framework to develop the store and Wordpress to develop the Fashion Tips blog. Used Javascript for the responsive rollover/dropdown shopping cart and to integrate the cart into the blog section so branding remained consistent.

Street Chic Boutique
Street Chic Boutique
Street Chic Boutique
Street Chic Boutique
Back to Portfolio

First 5 California

Details

Category
Web Development
URL
www.ccfc.ca.gov
Client
First 5 CA [ Issimo Digital ]
Date
2012.1

Introduction

As a freelance developer for Issimo Digital, I helped wrap-up the mostly completed First 5 California website, built with the Umbraco Content Management System. Helped clear up bugs in JavaScript and the CSS, added additional website content through the Umbraco CMS, and tweaked existing and new images in Photoshop and Fireworks.

First 5 California
First 5 California
First 5 California
Back to Portfolio

Hawaii Scrapbook Poster

Details

Category
Print Design
Programs Used
Illustrator
Client
Personal Project
Date
2003.3

Introduction

An 11" x 17" poster created entirely in Adobe Illustrator.

Hawaii Scrapbook in Illustrator
Back to Portfolio

Goss Construction

Details

Category
Web Development
URL
gossconstruction.com
Client
John Goss
Date
2011.11

Introduction

Created the website for Goss Construction by utilizing a WordPress template and adapting its style to reflect the needs of a modern prestigious construction company. Tweaked CSS as well as Javascript and smarty templates, and created new graphics as needed..

Goss Construction
Goss Construction
Goss Construction
Back to Portfolio

Exile of Silence Website

Details

Category
Web Design
Web Development
Flash Development
URL
archived.exileofsilence.com
Client
Exile of Silence
Date
2011.7

Introduction

Designed a purposely simplistic website interface for digital music artist Exile of Silence. Built the site with PHP, HTML, CSS and JavaScript. The site utilizes PHP to populate the content of the site, (music albums, news updates, videos, photo albums and contact info), through easily updateable XML files. Used light window functionality to display the details of content in order to maintain the simplicity of the interface. Built a music player in Flash that loads tracks and track info through an XML file. The actual mp3 are hosted and streamed through the Exile of Silence Soundcloud account in order to optimize performance.

Exile of Silence Website
Exile of Silence Website
Exile of Silence Website
Exile of Silence Website
Back to Portfolio

Revelations DVD Cover

Details

Category
Print Design
Programs Used
Photoshop
Client
IP Films
Date
2005.3

Introduction

Revelations DVD Cover done in Photoshop.

Revelations DVD Cover done in Photoshop
Back to Portfolio

Junie’s Pupcakes

Details

Category
Web Design
Web Development
URL
Currently In Design Phase of Development..
Client
Junie's Pupcakes
Date
2012.6

Introduction

Currently In Design Phase of Development...

Junie's Pupcakes
Back to Portfolio

Exile of Silence MySpace Skin

Details

Category
Web Design
Web Development
URL
archived.exileofsilence.com/myspace
View Flash Animation
Client
Exile of Silence
Date
2011.3

Introduction

Designed a MySpace interface mimicking a DJ switchboard for digital music artist Exile of Silence. Used CSS classes assigned within MySpace to different "buttons" with specific functionality to place the positions of those buttons to align with the ones within my "skin", or design.. Also designed and programmed a Flash animation featuring Exile of Silence's album releases and the links to the websites they were available for sale, with a "digital" transition effect to be placed within the new MySpace implementation.

Exile of Silence MySpace Skin
Back to Portfolio

Old Style Beer

Details

Category
Web Development
Flash Development
URL
oldstylebeer.com
Client
Pabst [ ad2 ]
Date
2008.6

Introduction

As a web developer/designer for ad2 Interactive Solutions, I repurposed previous ad2 ActionScript 2.0 code to develop Your Local > 'Get Kraeusened' Media Manipulator, as well as designed its graphical skin. Developed Drink Local > 'Your Local Stories' Media Browser & Uploader (including YouTube integration) in ActionScript 3.0 as well as 'Get Kraeusened with Brewmaster Bob' mp3 Audio Player. Skinned and globally implemented 'Share This' social networking feature in upper-right corner.

Old Style Beer Kraeusen Your Beer Koozie
Old Style > Get Kraeusened > Share on Social Networks
Old Style Beer Submit Your Story
Old Style Beer Browse Stories
Back to Portfolio

Led Zeppelin Concert Poster

Details

Category
Print Design
Programs Used
Quark
Photoshop
Client
Personal Project
Date
2003.4

Introduction

An 11" x 17" poster created with Quark and Adobe Photoshop.

Led Zeppelin Concert Poster created in Photoshop and Quark
Back to Portfolio

Pi Movie Typography Project

Details

Category
Print Design
Programs Used
Photoshop
Client
Personal Project
Date
2006.3

Introduction

Pi Movie Typography Project created in Adobe Photoshop.

Pi Movie Typography Project created in Adobe Photoshop
Back to Portfolio

Sant Ocean Hall

Details

Category
Flash Animation
URL
www.mnh.si.edu
Client
Smithsonian National Museum of Natural History [ ad2 ]
Date
2008.6

Introduction

As a web developer/designer for ad2 Interactive Solutions, I developed and implemented the Smithsonian Sant Ocean Hall Flash animation. I developed the pixelization-type transition within the animation to complement the stylization already present within the Sant Ocean Hall Project redesign.

Smithsonian Sant Ocean Hall
Smithsonian Sant Ocean Hall
Smithsonian Sant Ocean Hall
Back to Portfolio

Sanyo Category Browser

Details

Category
Flash Interactive SWF
Web Development
URL
us.sanyo.com
Client
Sanyo/Panasonic [ ad2 ]
Date
2008.6

Introduction

As a web developer/designer for ad2 Interactive Solutions, I created the original flash-based category browser populated with product images and category names divided by (originally 3, now 4) main categories. The homepage category browser's images and information is populated by an ASP .net powered XML file that pulls its information from the categories within the sanyo database.

  • Sanyo Category Browser
  • Sanyo Category Browser
  • Sanyo Category Browser
  • Sanyo Category Browser
  • Sanyo Category Browser
Back to Portfolio

Sanyo Homepage Animation

Details

Category
Flash Interactive SWF
URL
us.sanyo.com
View Homepage Flash Animation
Client
Sanyo/Panasonic [ ad2 ]
Date
2008.6

Introduction

As a web developer/designer for ad2 Interactive Solutions, I created one of 3 homepage animations featuring the Sanyo Dual Camcorder using ActionScript 3.0 and TweenLite.

  • Sanyo Homepage Animation
  • Sanyo Homepage Animation
  • Sanyo Homepage Animation
  • Sanyo Homepage Animation
  • Sanyo Homepage Animation
  • Sanyo Homepage Animation
  • Sanyo Homepage Animation
  • Sanyo Homepage Animation
Back to Portfolio

Zildjian Cymbals

Details

Category
Web Development
Flash Development
Web Design
URL
zildjian.com
Client
Zildjian Cymbals [ ad2 ]
Date
2008.6

Introduction

As a web developer/designer for ad2 Interactive Solutions I used Flash(ActionScript 2.0), VBScript, SQL Server 2005(Stored Procedures, Functions, and Views), Photoshop, HTML/CSS/JavaScript, XML and SOAP to update and add functionality to the Zildjian cymbal site on both the front and back-end, as well as the CMS. Most notably, I updated the zildjian 'cymbal configurator' to include a dragNdrop popup menu populated with images and details about zildjian drumsticks from the database, via a php-created XML file, to add drumsticks to their cymbal configurations. I designed the interface for this dragNdrop menu in Adobe Photoshop.

Zildjian
Zildjian
Zildjian
Back to Portfolio

Southampton Publick House

Details

Category
Web Development
Flash Interactive SWF
URL
southamptonpublickhouse.com
View 'Tasting Room' Animation
Client
Southampton Publick House [ ad2 ]
Date
2008.6

Introduction

As a web developer/designer for ad2 Interactive Solutions, I developed the interactive Beer Browser feature on the Southampton homepage in Flash with Actionscript 3. I developed and animated the Food-Pairing Interactive SWF in Flash with Actionscript 3, as well, and I also developed The Beers section with HTML, CSS and sIFR font replacement.

Southampton Publick House
Southampton Publick House
Southampton Publick House
Back to Home

About Me

Introduction

(562) 857-7208
sarah@sarah-manley.com

Hi, I'm Sarah Manley, a freelance web designer & developer in Los Angeles, CA. I've been developing websites, professionally, since 2005.

For the past three years I've developed websites, blogs and ecommerce shops as a freelance web designer and developer for individuals and small businesses. For the four years previous, I worked as a Web & Flash Developer & Designer at an interactive agency, developing websites and other interactive pieces for well-known brands such as Zildjian, Pabst, Miller, Sanyo, Brimagy/Lidrock & Southern California Edison.

I graduated with a Bachelor of Science in Interactive Media Design in 2005, from the Art Institute of California - Los Angeles.

    Programs

  • Photoshop
  • Flash
  • Dreamweaver
  • Illustrator
  • UltraEdit

    Languages

  • XHTML / HTML 5
  • CSS / CSS3
  • JavaScript / jQuery
  • XML
  • PHP
  • ActionScript 2 & 3

    Frameworks

  • WordPress
  • PrestaShop
  • .NET Templates

    Databases

  • MySQL
  • SQL Server 2005

Contact Me

Phone
(562) 857-7208
Address
Hawthorne, CA 90250

Contact Form