This is the portfolio of Chris Manlapid, a web developer living and working in New York.

I collaborate with designers and creative agencies to deliver the best user experience
for each unique project.

Check out my portfolio, services, or read more about me. I'm currently available for contract work. Get in touch!

Projects

http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/eg-first.jpg Desktop and tablet accessible http://the-eg.com
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/mobile-eg_0.jpg Mobile application
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/eg3.jpg Members only features
1 / 3 Desktop and tablet accessible

eg Conference

eg is a conference of innovative minds in media, technology, entertainment, and education. We collaborated with Studio Kudos to develop an accessible website and web app.

Content Management System Social Networking User Interface Programming Web Application
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/sk-imac.jpg Studio Kudos http://www.studiokudos.com
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/freeman.jpg Andrew Freeman Design http://www.afreeman.co
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/freestate_0.jpg FreeState http://freestate.co.uk
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/sharondavis.jpg Sharon Davis Design http://www.sharondavisdesign.com
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/juliesoefer.jpg Julie Soefer Photography http://www.juliesoefer.com
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/shape_0.jpg Shape Design http://www.favoriteshape.com
1 / 6 Studio Kudos

Portfolios

We develop websites of designers, creative agencies, and photographers.

A content management system allows these creatives to easily update their website content freeing up time for more creativity.

Content Management System Social Networking User Interface Programming
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/credit.jpg Credit Suisse Careers https://www.credit-suisse.com/careers/campus_recruiting/mobile/en/index.html
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/mobile-vf.jpg VF Next mobile website - completed at And Partners NY http://www.vfnext.com
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/mobile-eg.jpg eg Conference web app http://www.m.the-eg.com
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/show.jpg Showtime Sports http://sports.sho.com
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/mobile-princeton.jpg Princeton U. Memory and the Work of Art Museum http://www.princeton.edu/memory
1 / 5 Credit Suisse Careers

Mobile Sites

Interactive sites for smaller screens. 

Content Management System User Interface Programming Web Application
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/sotheby.jpg http://catalogue.sothebys.com/auctions/N08550/auction.html

Sotheby's E-Catalogue

We collaborated with Studio Kudos to develop a content management system which lets Sotheby's create online interactive catalogues.  These catalogues lets user view images and historical data for auction items ranging in the tens to hundreds. 

In addition to being accessible, online catalogues cut printing and mailing costs.

Content Management System Flash Development
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/cab1.jpg http://www.neenahpaper.com/Resources/Cabinet
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/cab2.jpg
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/cab3.jpg

Cabinet

Cabinet is a new way for designers to browse Neenah Paper's product lines, putting physical swatchbooks into the desktop. 

Users can search for papers by weight, color, type, and brand in a virtual library of swatch books. Registered users can create project folders, compare papers, and add papers to a favorites list.

Completed at And Partners NY.

Desktop Application User Interface Programming
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/cu_0.jpg Color Unleashed http://www.colorunleashed.com
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/cu2.jpg Color Unleashed - select a color from a color wheel
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/cu3.jpg Color Unleashed - select a color from Neenah's paper lines
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/cu4_0.jpg Color Unleashed - view matching color palettes and papers
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/proof1_0.jpg Personal Proof http://www.personalproof.com
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/pp_0.jpg Personal Proof - select artwork or upload your own
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/proof3_0.jpg Personal Proof - resize and position artwork on paper
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/proof4_0.jpg Personal Proof - preview and order printed samples
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/virtual-library.jpg Virtual Swatchbook Library http://www.neenahpaper.com/FinePaper/NeenahProducts/VirtualSwatchLibrary
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/perspiration.jpg Inspiration and Perspiration Resources http://www.neenahpaper.com/Resources
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/paper-selector.jpg Paper Selector http://www.neenahpaper.com/FinePaper/NeenahProducts/PaperSelector
1 / 11 Color Unleashed

Neenah Paper Web Assets

We created tools to search and engage in Neenah Paper's product lines. Color Unleashed finds papers based on a color or personality.  Personal Proof lets users preview and order artwork on paper. Virtual Swatchbook Library shows book covers linked to the paper line's product pages.  Inspiration/Perspiration shows available online tools and resources. Paper Selector lets users browse by color. 

Completed at And Partners NY.

Flash Development User Interface Programming Web Application
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/mohawk_0.jpg http://www.mohawkpaper.com

Mohawk Paper

The Mohawk Paper website is an interactive Flash site where its content is controlled through a content management system.  Fully searchable and search engine friendly.

Design by Pentagram.
Completed at Avatar New York.

Content Management System Flash Development User Interface Programming
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/mm1.jpg Resize, move, and color options for makeup http://apps.facebook.com/houseofcolor
http://portfolio.floatbit.com/sites/portfolio/files/styles/project/public/mm2.jpg Save and share your look
1 / 2 Resize, move, and color options for makeup

Magic Mirror

Magic Mirror is a virtual makeup tool and is part of the LancĂ´me House of Color Facebook page.  

Makeup is applied to photos which can come from an uploaded image, model, or a Facebook album photo. The photos with makeup can then be saved and shared on popular social networks.

Flash Development User Interface Programming

Services

Content Management System

A content management system puts you in control of your site's content. Features include a WYSIWYG text editor, globalization, scheduled publishing, page previewing, and multi-level administration.

mobile websites & Web applications

More users are accessing the internet through mobile devices. Show an alternate and faster loading version of your website tailored for smaller screens.

Front End, UX, & UI Programming

Customize your site's behavior based on user actions and add interactivity with complex animations, slide shows, dynamic content loading and pre-loading, videos, and sound.

Custom Application Programming

I can code your site to your business requirements or personal needs. Some examples include automatic mailing list signups, backups, and scheduled reporting.

social networking & web services

Show your Twitter messages, recent blog posts, or text from RSS feeds. Display content and add services from Google Maps, Google Analytics, YouTube, Vimeo, Tumblr, Facebook, MailChimp and Twilio.

Design

I collaborate with Studio Kudos for branding, exhibition, and editorial design requests. Visit their website to see awesome work.

About

I can help you to

  • Produce web pages from your designs that look consistent in popular
    browsers, desktop and mobile.
  • Architect the user interface behavior of your web site.
  • Make your site's content editable by you.
  • Come up with solutions to make your website do the work for you.
  • Finish that website because your developer disappeared.

For more information check out my services.

When you work with me you get

  • A developer with over a decade of experience.
  • Someone responsive to your feedback.
  • Tangible results from your ideas.
  • Solutions that work today and tomorrow.

What is my usual work process

  1. Gather site requirements.
  2. Make design assets into web browser-ready files.
  3. Fulfill requirements from step 1.
  4. Review site with customer and address feedback.
  5. Go live.
  6. Stick around for unforeseen events.

Who do I work with most of the time

  • Individual creative types (designers, photographers, etc)
  • Creative agencies
  • Small businesses
  • Developers, developers, developers, developers, developers

Technologies I use

  • HTML, CSS, Javascript
  • jQuery and jQuery Mobile
  • Drupal 6 and 7, CakePHP, PHP, MySQL
  • API's such as Google Maps, Authorize.net, TypeKit, and Twilio
  • Flash ActionScript 3, Adobe AIR, TweenLite
  • Amazon Web Services

Who am I

  • WHODAT
  • Based in New York but has worked with others spread across the country.
  • Worked in small and large design and programming shops.
  • Terran in Starcraft 2 and medic in Team Fortress 2.

Interested in working with me yet? Contact me!

Contact

EMAIL & PHONE

chris@floatbit.com
347.542.8440

Twitter

RT @Dries: "How to enjoy a good wine: 1. Open bottle to let it breathe. 2. If it does not look like it is breathing, give it mouth-to-mo ...
Posted 6 days ago by @floatbit.

PROJECTS, CODE, & EXPERIMENTS

Notesee for Drupal 7 (GitHub)
fbslider (GitHub)