Web development projects
Here are a few sample projects I works on, while teaming up with agencies, studios and startups and working remotely with their creative teams. I coded the layouts into a functional website, and make them look (& work) as designed.
nCipher
About the company: nCipher is a UK based encryption firm that provides a shareable cryptographic resource for multiple servers.
What I did:
- Custom theme development for Sitefinity enterprise-level CMS.
- Hand-coded the theme using HTML, CSS.
- Created multiple column layouts using plain HTML and CSS.
- Tested the theme to make sure they work well across devices and browsers.
- Created the dropdown navigation and tested fully across browsers and devices.
- Created jQuery sliders for the home page.
- Created jQuery tabs in the home page to display information.
- Created jQuery accordion to display News and Events in the home page.
- Created jQuery tabs to display the product spec and feature details.
- Created Product spec pages, News and Events main pages, and details pages.
Agency/Studio: Solutionset
GlobalEnglish
About the company: GlobalEnglish is the leading Business English & Communication Training partner for corporations and professionals.
What I did:
- Worked on the Community Portal, Sales Portal, GlobalExchange microsite, and “Take 4 Business Talk” series microsite.
- Custom theme development for Ektron enterprise-level CMS.
- Hand-coded the theme using HTML, CSS.
- Created multiple column layouts using plain HTML and CSS.
- Tested the theme to make sure they work well across devices and browsers.
- Created the dropdown navigation and tested fully across browsers and devices.
- Created jQuery sliders for the home page.
- Embedded the product commercial videos that played on click with page overlay.
- Created a custom contact form and added in form validations.
- Created Events, News, and Press Releases main pages and details pages.
- Created Product Documents updates table with sort and pagination.
- Created jQuery accordion to display the Interview Q and A details.
Agency/Studio: Solutionset
EFI Inc.
About the company: EFI (Electronics for Imaging, Inc.) is a Silicon Valley based company that specializes in digital printing technology and provides products, and services that help in digital imaging.
What I did:
- Worked on the Dealer Portal, Sales Portal, and Fiery Product microsites.
- Custom theme development for Sitecore enterprise-level CMS.
- Hand-coded the theme using HTML, CSS.
- Tested the theme to make sure they work well across devices and browsers.
- Created the dropdown navigation and tested fully across browsers and devices.
- Created jQuery sliders for the home page.
- Coded the profile page, account information forms and contact forms.
- Added in form validations for the login and contact forms.
- Created search and search results pages.
- Embedded the product commercial videos that played on click with page overlay.
- Created and styled the Resource Library pages and resource search results pages.
- Worked extensively on the Favorites tabular data page and added jQuery to remove rows and sort the tabular content.
Agency/Studio: Solutionset
San Francisco Symphony
About the company: The San Francisco Symphony is an American orchestra based in San Francisco, California.
What I did:
- Custom theme development for Ektron enterprise-level CMS.
- Hand-coded the theme using HTML, CSS.
- Tested the theme to make sure they work well across devices and browsers.
- Created the dropdown navigation and tested fully across browsers and devices.
- Created jQuery sliders for the home page.
- Created jQuery tabs and jQuery accordions to break down the content in the musician bio pages.
- Created and fully customized the calendar pages and the calendar in the sidebar.
- Created the events and event details pages.
- Created the musician profile pages.
Agency/Studio: Solutionset
Sonos
About the company: Sonos is a California based audio company that develops and manufactures smart wireless speakers, home sound systems and other audio products.
What I did:
- Custom theme development for Ektron enterprise-level CMS.
- Hand-coded the theme using HTML, CSS.
- Tested the theme to make sure they work well across devices and browsers.
- Emphasized the theme development to support multiple languages.
- Created jQuery sliders for the home page banner sliders.
- Created jQuery tabs to display the product spec and feature details.
- Created jQuery accordion to display the customer support benefits.
- Created the dropdown navigation and tested fully across browsers and devices.
- Created product pages and product detail pages.
- Fully customized the cart and checkout pages.
- Created the sign-up and login forms and added in form validations.
- Added animations to display the product spec details on hover.
Agency/Studio: Solutionset
Payve, American Express
About the company: Payve is a new digital service launched by American Express that streamlines Corporate Payment Processes using proprietary technology, people and expert insights.
What I did:
- Custom theme development for Sitecore enterprise-level CMS.
- Hand-coded the theme using HTML, CSS.
- Tested the theme to make sure they work well across devices and browsers.
- Created jQuery sliders for the home page banner sliders.
- Created jQuery tabs to display the payment platform information.
- Created the dropdown navigation and tested fully across browsers and devices.
- Embedded the product launch youTube video on the website.
- Created a custom calculator using JS that shows the website visitor how much money they can save.
- Added form validations.
Agency/Studio: Solutionset
Shell Infocenter
About the company: Shell is one of America’s leading oil and natural gas producers, gasoline and natural gas marketers and petrochemical manufacturers.
What I did:
- Worked on creating the Business Infocenter website pages based on the brand guidelines.
- Built the website front end using HTML, CSS3, and Foundation Framework.
- Created responsive main navigation that works on mobile devices and responds to touch.
- Hand-coded the mobile-friendly off-screen navigation menu and fully tested on various devices and browsers.
- Setup animations on hover for navigation and buttons.
- Embedded youtube videos.
- Created a custom contact form and added validations.
Agency/Studio: 3Marketeers
Upgrademe
About the company: Upgrademe Inc. is a startup that build an innovative, adaptive learning platform to help students achieve their educational and career goals.
What I did:
- Built the website front end using HTML, CSS3, jQuery, and Bootstrap Framework.
- Created responsive main navigation that works on mobile devices and responds to touch.
- Setup a WordPress blog for the company and created a customized child theme.
- Setup custom graphs using high charts.
- Developed Pinterest style tiles for Online Resources and profile pages using CSS.
- Styled the subdomain websites based on the client’s requirements.
Agency/Studio: Upgrademe
Heidi Hauck
About the company: Heidi Hauck is a business coach to purpose-driven entrepreneurs working to make the world not suck, by using their time, energy, and resources to address social, cultural, and environmental issues in the world.
What I did:
- Built a custom theme with HTML, CSS, jQuery, Beaver Builder, using custom fonts.
- Added animations to the design.
- Hand-coded animated mobile navigation.
- Setup opt-ins and integrated clients Convertkit with WordPress.
- Created custom post types for Podcast pages using ACF and developed the Podcast main and single pages.
- Created custom post types for Testimonials pages using ACF and developed the Testimonial main page.
- Created a custom FAQ page with jQuery accordion.
- Created custom blog pages and blog single pages.
- Integrated client’s Paypal account with the payment page and customized the look and feel.
- Created custom survey forms using Gravity forms.
- Created a contact form using Contact 7 form and customized the look and feel.
- Configured Google Analytics, Yoast, Google Search Console, and Backup plugins on the live server.
- Migrated content from the old site including all the blog posts.
- Setup and transferred the domain and hosting accounts to Flywheel.
Agency/Studio: BareMade Studio
Lindsey Liu
About the company: Personal Brand of Lindsey Liu, a SF based author, and boss lady in charge of Soul Confidence- an online community for badass women to explore, learn, and manifest the highest version of themselves.
What I did:
- Built a custom theme with HTML, CSS, jQuery, Underscores using custom fonts for personal brand website and the Soul Confidence community website.
- Adding animations to the design.
- Hand-coded animated mobile navigation.
- Setup opt-ins and integrated clients Convertkit with WordPress.
- Added MasterClass enrollment Landing Page.
- Setup and integrated the client’s Stripe account with the landing page.
- Integrated client’s Stripe account with WPSimplePayPro for payment checkouts.
- Added Countdown clocks to the masterclass pages.
- Created custom post types for Testimonials pages using ACF and developed the Testimonial main page.
- Created a custom FAQ page with jQuery accordion.
- Set up contact forms using Contact 7.
- Created custom blog pages and blog single pages with related posts plugin and archive pages .
- Setup and transferred the domain and hosting accounts to Flywheel.
Agency/Studio: BareMade Studio
Amanda Breen Mediation
About the company: Amanda Breen Mediation helps divorcing couples work together to craft their own solutions and to map out their post-divorce lives.
What I did:
- Built a custom theme with HTML, CSS, jQuery, and Underscores using custom fonts.
- Hand-coded animated mobile navigation.
- Setup opt-ins and integrated clients Convertkit account with WordPress.
- Added Convertkit Popup on the home page.
- Created a custom Login page.
- Created video popup on the home page that played on the click of a button.
- Created a client portal for subscribers only.
- Setup user registration workflow and custom emails for the new users.
- Configured the WordPress admin and dashboard based on the user roles.
- Created Login redirects based on user roles.
- Setup and integrated the client’s Stripe account with the checkout page.
- Integrated client’s Stripe account with WPSimplePayPro for payment checkouts.
- Created custom blog pages and blog single pages.
- Launched the website on Flywheel.
Agency/Studio: BareMade Studio