As the sole full stack developer of this Umbraco-driven website, I built the backend and the frontend using a number of technologies (C#, Razor, AngularJS, jQuery, Sass, grunt, Browserify, etc.). Notable aspects:

Integrated an HTML theme with Umbraco, heavily customizing and polishing along the way (e.g., upgraded Bootstrap).
Used AngularJS for the homepage events pager.
All content (text, images) is editable in the CMS (including the menu and footer elements).
Built custom accordion with CSS3 transitions.
Served different robots.txt files depending on domain to prevent search engines from crawling the staging server (open sourced this as an Umbraco package, Robotnik).
Content blocks were implemented in the CMS using Archetype, and can be either created on the page or picked from a shared repository of content blocks.
Banner images allow for a desktop and mobile version for device-appropriate presentations.
Pages are themeable (i.e., page color can be changed), which allows for iframes to have a more integrated look.
Pages are composed of widgets (rich text, accordions, videos, testimonials, and so on), which are Archetype fieldsets the user creates in the CMS.
500 error page can be updated by CMS users, while still retaining the stability of a static HTML file (open sourced this as an Umbraco package, Render Page to File).

OneOC Homepage

Large slideshow and content blocks that can optionally launch YouTube videos.

OneOC Accordion

Like all widgets, the accordion can be placed in any order within a page. Includes a CSS3 transition to smoothly change the plus into a minus for expanding/collapsing.

OneOC Content Blocks

Appear on the homepage and on sidebars. They can be created local to a page, or they can be picked from a repository of shared content blocks. They also automatically apply to child pages, all of which eases the maintenance of content entry.

OneOC Homepage Elements

The events feature on the left is built in AngularJS for instant client-side paging.

OneOC Testimonials & Footer

The testimonials feature is a widget that can be used on any page, and that is intelligent enough to be used as a single testimonial without a pager. The four footer elements are fully customizable (they can even be deleted and reordered).

OneOC Banners

The banners can use a desktop and a mobile image to display appropriate for each device.

OneOC Theme & IFrame

Shown is a page without a sidebar that contains an iframe widget and a theme set to an orange background (to look better with the iframe). The iframe height is configurable to avoid nested scrollbars.

OneOC Mobile Menu

Being a responsive site, the menu changes to a format optimal on mobile devices.

OneOC Mobile Layout

The entire site looks great on mobile thanks to special attention to the responsive design.

OneOC Video Lightbox

YouTube videos open in a lightbox to keep users engaged without leaving the site.

1 2 3 4 5 6 7 8 9 10