Code, Design, Digital

Level One Art Installation

By John on

August 3, 2016

- Tags : Angular, API, chalk, CMS

[vc_row][vc_column][md_text_box customize_messenger_channel=”preview-0″ customize_changeset_uuid=”9c33ef21-2962-4941-aef3-99721de13c4f” textbox_title=”Project Lead” textbox_text=”small business portfolio, design, custom WordPress theme, seo/content curation” textbox_icon=”icon-empty” textbox_text_color=”rgb(255, 255, 255)” textbox_text_hover_color=”rgb(255,255,255)” textbox_background_color=”rgba(230, 231, 237, 0)” textbox_background_hover_color=”rgba(255, 0, 84, 0)” md_text_box_animation=”yes” md_text_box_animation_speed=”200″ md_text_box_animation_delay=”0.0″ md_text_box_animation_position=”center” md_text_box_animation_show=”once” md_text_box_animation_easing=”Quart.easeInOut”][/md_text_box][md_text customize_messenger_channel=”preview-0″ customize_changeset_uuid=”802717c3-085b-4b3f-ac37-14b3f3e93d21″ md_text_alignment=”center” md_text_title_line_height=”40″ md_text_desc_line_height=”21″ md_text_title_bottom_space=”10″ md_text_separator_bottom_space=”10″ md_text_description_bottom_space=”25″ md_text_title_separator=”no” md_text_separator_width=”110″ md_text_separator_height=”1″ md_text_separator_color=”rgb(241, 128, 10)” md_text_use_desc_custom_font=”yes” md_text_desc_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_style=”solid” md_text_solid_color=”rgba(20,20,20,1)” md_text_gradient_color=”pixflow_base64eyJjb2xvcjEiOiIjODcwMmZmIiwiY29sb3IyIjoiIzA2ZmY2ZSIsImNvbG9yMVBvcyI6IjAuMDAiLCJjb2xvcjJQb3MiOiIxMDAuMDAiLCJhbmdsZSI6MH0=” md_text_title_size=”32″ md_text_letter_space=”0″ md_text_hover_letter_space=”0″ md_text_easing=”cubic-bezier(0.215, 0.61, 0.355, 1)” md_text_use_title_custom_font=”no” md_text_title_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_number=”1″ md_text_title1=”pixflow_base64ICA=” md_text_title2=”Typography Shortcode” md_text_title3=”Typography Shortcode” md_text_title4=”Typography Shortcode” md_text_title5=”Typography Shortcode” md_text_content_size=”14″ md_text_content_color=”rgba(20,20,20,1)” md_text_use_button=”yes” md_text_button_style=”slide” md_text_button_text=”TL ; DR” md_text_button_icon_class=”icon-arrow-down4″ md_text_button_color=”rgb(255, 255, 255)” md_text_button_text_color=”rgba(255,255,255,1)” md_text_button_bg_hover_color=”rgb(0,0,0)” md_text_button_hover_color=”rgb(236, 140, 38)” md_text_button_size=”standard” left_right_padding=”0″ md_text_button_url=”#jhc-single-read” md_text_button_target=”_self” md_text_animation_speed=”200″ md_text_animation_delay=”0.0″ md_text_animation_position=”center” md_text_animation_show=”once” md_text_animation_easing=”Quart.easeInOut” md_text_fonts=”null” md_text_use_title_slider=”yes”]

Small business WordPress portfolio site crafted for SEO, local network marketing and ease of image handling. Client has hundreds of unique portfolio pictures of past work, and the site is set up to organize/present these images both by type of install (SEO) and by client (local network).

http://leveloneartinstallation.com

[/md_text][/vc_column][/vc_row]

Code, Design, Digital

heather reilly, metalsmith

By John on

November 20, 2015

- Category : Code, Design, Digital

- Tags : Angular, API, chalk, CMS

[vc_row][vc_column][md_text_box customize_messenger_channel=”preview-0″ customize_changeset_uuid=”9be4d332-f46e-4b70-b972-86ae7a5094ff” textbox_title=”E-commerce brand” textbox_text=”wordpress, design, code, SEO” textbox_icon=”icon-empty” textbox_text_color=”rgb(255, 255, 255)” textbox_text_hover_color=”rgb(255,255,255)” textbox_background_color=”rgba(230, 231, 237, 0)” textbox_background_hover_color=”rgba(255, 0, 84, 0)” md_text_box_animation_speed=”200″ md_text_box_animation_delay=”0.0″ md_text_box_animation_position=”center” md_text_box_animation_show=”once” md_text_box_animation_easing=”Quart.easeInOut”][/md_text_box][md_text customize_messenger_channel=”preview-0″ customize_changeset_uuid=”2a697753-25cd-45bd-a3fa-44fa620dffc6″ md_text_alignment=”center” md_text_title_line_height=”40″ md_text_desc_line_height=”21″ md_text_title_bottom_space=”10″ md_text_separator_bottom_space=”10″ md_text_description_bottom_space=”25″ md_text_title_separator=”no” md_text_separator_width=”110″ md_text_separator_height=”5″ md_text_separator_color=”rgb(0, 255, 153)” md_text_use_desc_custom_font=”yes” md_text_desc_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_style=”solid” md_text_solid_color=”rgba(20,20,20,1)” md_text_gradient_color=”pixflow_base64eyJjb2xvcjEiOiIjODcwMmZmIiwiY29sb3IyIjoiIzA2ZmY2ZSIsImNvbG9yMVBvcyI6IjAuMDAiLCJjb2xvcjJQb3MiOiIxMDAuMDAiLCJhbmdsZSI6MH0=” md_text_title_size=”32″ md_text_letter_space=”0″ md_text_hover_letter_space=”0″ md_text_easing=”cubic-bezier(0.215, 0.61, 0.355, 1)” md_text_use_title_custom_font=”no” md_text_title_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_number=”1″ md_text_title1=”pixflow_base64ICA=” md_text_title2=”Typography Shortcode” md_text_title3=”Typography Shortcode” md_text_title4=”Typography Shortcode” md_text_title5=”Typography Shortcode” md_text_content_size=”14″ md_text_content_color=”rgba(20,20,20,1)” md_text_use_button=”yes” md_text_button_style=”slide” md_text_button_text=”” md_text_button_icon_class=”icon-arrow-down4″ md_text_button_color=”rgb(255, 255, 255)” md_text_button_text_color=”rgba(255,255,255,1)” md_text_button_bg_hover_color=”rgb(0,0,0)” md_text_button_hover_color=”rgb(233, 138, 18)” md_text_button_size=”standard” left_right_padding=”0″ md_text_button_url=”#jhc-single-read” md_text_button_target=”_self” md_text_animation_speed=”200″ md_text_animation_delay=”0.0″ md_text_animation_position=”center” md_text_animation_show=”once” md_text_animation_easing=”Quart.easeInOut” md_text_fonts=”null” md_text_use_title_slider=”yes”]

Along with my own portfolio, this is my longest running project, currently combining online portfolio & ecommerce functionality in a responsive WordPress site for my wife, jeweller Heather Reilly Hiemstra.

http://heather-reilly.com

[/md_text][/vc_column][/vc_row]

Code, Design, Digital

Ragged Row

By John on

October 17, 2012

- Category : Code, Design, Digital

- Tags : Angular, API, chalk, CMS

[vc_row][vc_column][md_text_box customize_messenger_channel=”preview-0″ customize_changeset_uuid=”f064282b-3105-4c39-ba0f-e6ef8f964345″ textbox_title=”Project Lead” textbox_text=”ecommerce/point-of-sale integration, custom CMS themes” textbox_icon=”icon-PriceTag” textbox_text_color=”rgb(255, 255, 255)” textbox_text_hover_color=”rgb(255,255,255)” textbox_background_color=”rgba(230, 231, 237, 0)” textbox_background_hover_color=”rgba(255, 0, 84, 0)” md_text_box_animation_speed=”200″ md_text_box_animation_delay=”0.0″ md_text_box_animation_position=”center” md_text_box_animation_show=”once” md_text_box_animation_easing=”Quart.easeInOut”][/md_text_box][md_text customize_messenger_channel=”preview-0″ customize_changeset_uuid=”8796873f-a361-4812-99ca-540ddf5fd1cd” md_text_alignment=”center” md_text_title_line_height=”40″ md_text_desc_line_height=”21″ md_text_title_bottom_space=”10″ md_text_separator_bottom_space=”10″ md_text_description_bottom_space=”25″ md_text_title_separator=”no” md_text_separator_width=”110″ md_text_separator_height=”5″ md_text_separator_color=”rgb(0, 255, 153)” md_text_use_desc_custom_font=”yes” md_text_desc_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_style=”solid” md_text_solid_color=”rgba(20,20,20,1)” md_text_gradient_color=”pixflow_base64eyJjb2xvcjEiOiIjODcwMmZmIiwiY29sb3IyIjoiIzA2ZmY2ZSIsImNvbG9yMVBvcyI6IjAuMDAiLCJjb2xvcjJQb3MiOiIxMDAuMDAiLCJhbmdsZSI6MH0=” md_text_title_size=”32″ md_text_letter_space=”0″ md_text_hover_letter_space=”0″ md_text_easing=”cubic-bezier(0.215, 0.61, 0.355, 1)” md_text_use_title_custom_font=”no” md_text_title_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_use_title_slider=”yes” md_text_number=”1″ md_text_title1=”” md_text_title2=”Typography Shortcode” md_text_title3=”Typography Shortcode” md_text_title4=”Typography Shortcode” md_text_title5=”Typography Shortcode” md_text_content_size=”14″ md_text_content_color=”rgba(20,20,20,1)” md_text_use_button=”yes” md_text_button_style=”slide” md_text_button_text=”” md_text_button_icon_class=”icon-arrow-down4″ md_text_button_color=”rgb(255, 255, 255)” md_text_button_text_color=”rgba(255,255,255,1)” md_text_button_bg_hover_color=”rgb(0,0,0)” md_text_button_hover_color=”rgb(241, 151, 25)” md_text_button_size=”standard” left_right_padding=”0″ md_text_button_url=”#jhc-single-read” md_text_button_target=”_self” md_text_animation_speed=”200″ md_text_animation_delay=”0.0″ md_text_animation_position=”center” md_text_animation_show=”once” md_text_animation_easing=”Quart.easeInOut” md_text_fonts=”null”]

Package of ecommerce solutions crafted for small business in Pittsburgh, PA looking for robust integration between their website and brick-and-mortar point-of-sale space.

Based on client designs, I coded two custom CMS themes to make one seamless user experience: a marketing side using WordPress for blogging and social publishing, and a set of handlebar type templates for the ecommerce platform using related font, graphic assets and layouts.

[/md_text][/vc_column][/vc_row]

Code, Digital

Ranch & Village Homes

By John on

October 3, 2012

- Category : Code, Digital

- Tags : Angular, API, chalk, CMS

[vc_row][vc_column][md_text_box customize_messenger_channel=”preview-0″ customize_changeset_uuid=”8e55dcc2-c663-45cb-9124-2c5fdedf630c” textbox_title=”Project Lead” textbox_text=”Real Estate Marketing Site, API integrations, wordpress, content/seo” textbox_icon=”icon-empty” textbox_text_color=”rgb(255, 255, 255)” textbox_text_hover_color=”rgb(255,255,255)” textbox_background_color=”rgba(230, 231, 237, 0)” textbox_background_hover_color=”rgba(255, 0, 84, 0)” md_text_box_animation_speed=”200″ md_text_box_animation_delay=”0.0″ md_text_box_animation_position=”center” md_text_box_animation_show=”once” md_text_box_animation_easing=”Quart.easeInOut”][/md_text_box][md_text customize_messenger_channel=”preview-0″ customize_changeset_uuid=”1543e2c3-17c1-4491-899f-b58cea14cb46″ md_text_alignment=”center” md_text_title_line_height=”40″ md_text_desc_line_height=”21″ md_text_title_bottom_space=”10″ md_text_separator_bottom_space=”10″ md_text_description_bottom_space=”25″ md_text_title_separator=”no” md_text_separator_width=”110″ md_text_separator_height=”5″ md_text_separator_color=”rgb(0, 255, 153)” md_text_use_desc_custom_font=”yes” md_text_desc_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_style=”solid” md_text_solid_color=”rgba(20,20,20,1)” md_text_gradient_color=”pixflow_base64eyJjb2xvcjEiOiIjODcwMmZmIiwiY29sb3IyIjoiIzA2ZmY2ZSIsImNvbG9yMVBvcyI6IjAuMDAiLCJjb2xvcjJQb3MiOiIxMDAuMDAiLCJhbmdsZSI6MH0=” md_text_title_size=”32″ md_text_letter_space=”0″ md_text_hover_letter_space=”0″ md_text_easing=”cubic-bezier(0.215, 0.61, 0.355, 1)” md_text_use_title_custom_font=”no” md_text_title_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_number=”1″ md_text_title1=”pixflow_base64ICA=” md_text_title2=”Typography Shortcode” md_text_title3=”Typography Shortcode” md_text_title4=”Typography Shortcode” md_text_title5=”Typography Shortcode” md_text_content_size=”14″ md_text_content_color=”rgba(20,20,20,1)” md_text_use_button=”yes” md_text_button_style=”slide” md_text_button_text=”” md_text_button_icon_class=”icon-arrow-down4″ md_text_button_color=”rgb(255, 255, 255)” md_text_button_text_color=”rgba(255,255,255,1)” md_text_button_bg_hover_color=”rgb(0,0,0)” md_text_button_hover_color=”rgb(241, 167, 18)” md_text_button_size=”standard” left_right_padding=”0″ md_text_button_url=”#” md_text_button_target=”_self” md_text_animation_speed=”200″ md_text_animation_delay=”0.0″ md_text_animation_position=”center” md_text_animation_show=”once” md_text_animation_easing=”Quart.easeInOut” md_text_fonts=”null” md_text_use_title_slider=”yes”]

The Ranch and Village real estate site involved a fun IDX integration for real time MLS listing data and a robust content strategy for search marketing, too.

RV offers its clients heaps of information on buying, selling, financing and relocating gathered from a combined 40+ years in the business, providing multiple ways for them to connect with prospective clients visting their site as both thought and service leaders.

[/md_text][/vc_column][/vc_row]

Code, Design, Digital

The Picket Fence

By John on

November 15, 2011

- Category : Code, Design, Digital

- Tags : Angular, API, chalk, CMS

[vc_row][vc_column][md_text_box customize_messenger_channel=”preview-0″ customize_changeset_uuid=”e003f505-117b-4582-bb97-9284d215d3f1″ textbox_title=”Project Lead” textbox_text=”small business ecommerce site, content/seo, wordpress” textbox_icon=”icon-empty” textbox_text_color=”rgb(255, 255, 255)” textbox_text_hover_color=”rgb(255,255,255)” textbox_background_color=”rgba(230, 231, 237, 0)” textbox_background_hover_color=”rgba(255, 0, 84, 0)” md_text_box_animation_speed=”200″ md_text_box_animation_delay=”0.0″ md_text_box_animation_position=”center” md_text_box_animation_show=”once” md_text_box_animation_easing=”Quart.easeInOut”][/md_text_box][md_text customize_messenger_channel=”preview-0″ customize_changeset_uuid=”e439dd06-0bab-44b5-baf7-1562d340dc01″ md_text_alignment=”center” md_text_title_line_height=”40″ md_text_desc_line_height=”21″ md_text_title_bottom_space=”10″ md_text_separator_bottom_space=”10″ md_text_description_bottom_space=”25″ md_text_title_separator=”no” md_text_separator_width=”110″ md_text_separator_height=”5″ md_text_separator_color=”rgb(0, 255, 153)” md_text_use_desc_custom_font=”yes” md_text_desc_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_style=”solid” md_text_solid_color=”rgba(20,20,20,1)” md_text_gradient_color=”pixflow_base64eyJjb2xvcjEiOiIjODcwMmZmIiwiY29sb3IyIjoiIzA2ZmY2ZSIsImNvbG9yMVBvcyI6IjAuMDAiLCJjb2xvcjJQb3MiOiIxMDAuMDAiLCJhbmdsZSI6MH0=” md_text_title_size=”32″ md_text_letter_space=”0″ md_text_hover_letter_space=”0″ md_text_easing=”cubic-bezier(0.215, 0.61, 0.355, 1)” md_text_use_title_custom_font=”no” md_text_title_google_fonts=”font_family:Roboto%3Aregular%2C100%2C100italic%2C300%2C300italic%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” md_text_use_title_slider=”yes” md_text_number=”1″ md_text_title1=”pixflow_base64ICA=” md_text_title2=”Typography Shortcode” md_text_title3=”Typography Shortcode” md_text_title4=”Typography Shortcode” md_text_title5=”Typography Shortcode” md_text_content_size=”14″ md_text_content_color=”rgba(20,20,20,1)” md_text_use_button=”yes” md_text_button_style=”slide” md_text_button_text=”” md_text_button_icon_class=”icon-arrow-down4″ md_text_button_color=”rgb(255, 255, 255)” md_text_button_text_color=”rgba(255,255,255,1)” md_text_button_bg_hover_color=”rgb(0,0,0)” md_text_button_hover_color=”rgb(236, 138, 23)” md_text_button_size=”standard” left_right_padding=”0″ md_text_button_url=”#jhc-single-read” md_text_button_target=”_self” md_text_animation_speed=”200″ md_text_animation_delay=”0.0″ md_text_animation_position=”center” md_text_animation_show=”once” md_text_animation_easing=”Quart.easeInOut” md_text_fonts=”null”]

A search optimized WordPress site comes to the online rescue of boutique Pittsburgh retailer.

The Picket Fence is a women’s and children’s boutique in the Shadyside neighborhood of Pittsburgh with a wonderful emphasis on up-and-coming individual designers and artisan quality goods.

http://picketfenceshadyside.com

[/md_text][/vc_column][/vc_row]