{"id":26136,"date":"2016-08-10T05:19:05","date_gmt":"2016-08-10T05:19:05","guid":{"rendered":"http:\/\/exciteddesigns.com\/wordpress\/?post_type=project&p=26136"},"modified":"2018-09-26T02:10:43","modified_gmt":"2018-09-26T02:10:43","slug":"fine-solutions","status":"publish","type":"project","link":"https:\/\/exciteddesigns.com\/?project=fine-solutions","title":{"rendered":"Fine Solutions"},"content":{"rendered":"

[et_pb_section fb_built=”1″ background_color=”rgba(0,0,0,0.65)” padding_mobile=”off” admin_label=”section” custom_padding_last_edited=”off|desktop” _builder_version=”3.0.47″ background_image=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/fineHeroDark.jpg” parallax=”on” parallax_method=”off”][et_pb_row padding_mobile=”off” column_padding_mobile=”on” parallax_method_1=”off” admin_label=”row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ column_padding_mobile=”on” parallax=”off” parallax_method=”off”][et_pb_divider height=”200″ admin_label=”Divider” _builder_version=”3.0.47″] [\/et_pb_divider][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ background_color=”#ec3237″ padding_mobile=”off” admin_label=”section” custom_padding_last_edited=”off|desktop” _builder_version=”3.0.47″ parallax=”on” parallax_method=”off”][et_pb_row custom_padding=”0px|||” padding_mobile=”off” column_padding_mobile=”on” parallax_method_1=”off” admin_label=”row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ column_padding_mobile=”on” parallax=”off” parallax_method=”off”][et_pb_text background_layout=”dark” admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

Fine Solutions<\/h1>\n

Internet Site Redesign<\/h3>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.0.47″][et_pb_row admin_label=”row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”1_2″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

The Challenge<\/h2>\n

This project seemed like a time trial in my ability to take rough wire frames and turn them into a full fledged site. I know I’m not the first to take on a task like this, but a little over\u00a0one\u00a0month\u00a0left little time to spare in the grand scheme of things for a complete site redesign and development of an already existing body of content with additions.<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

The\u00a0Solution<\/h2>\n

The main solution to design problems was\u00a0constant and consistent contact with the client. Her immediate feedback allowed me to make design changes on the fly, even in our meetings. That made the iterative\u00a0process far smoother and less time consuming than it would have otherwise been. Our development solution was to create the entire site on a test server and then once complete turn the test server into production, effectively hot-swapping the two instances. This allowed for the shortest downtime possible. It also gave the most time to work on bugs right up until we had to flip the switch.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ background_color=”#ed1b24″ padding_mobile=”off” admin_label=”Section” _builder_version=”3.0.47″][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text background_layout=”dark” admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

By the Numbers.<\/h2>\n

This project came down to a tight turn-around and a lot of hard work mixed with a healthy helping of determination.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ background_color=”#353535″ admin_label=”section” _builder_version=”3.0.47″][et_pb_row admin_label=”row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_number_counter title=”UX and Graphic Redesign” number=”50″ counter_color=”#7ebec5″ background_layout=”dark” admin_label=”Number Counter” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”] [\/et_pb_number_counter][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_number_counter title=”SharePoint Development” number=”50″ counter_color=”#7ebec5″ background_layout=”dark” admin_label=”Number Counter” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”] [\/et_pb_number_counter][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_number_counter title=”Hour Turnaround” number=”180″ percent_sign=”off” counter_color=”#7ebec5″ background_layout=”dark” admin_label=”Number Counter” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”] [\/et_pb_number_counter][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_number_counter title=”Impressive Site” number=”1″ percent_sign=”off” counter_color=”#7ebec5″ background_layout=”dark” admin_label=”Number Counter” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”] [\/et_pb_number_counter][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ background_color=”rgba(51,153,255,0)” padding_mobile=”off” admin_label=”Section” _builder_version=”3.0.47″][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”2_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/colorswatches-1.gif” admin_label=”Image” _builder_version=”3.0.47″] [\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

Color Exploration<\/h2>\n

Our target audience was ‘decision makers’. They are used to the blues on so many tech sites, and we wanted to stand out.\u00a0The most challenging part about early palettes was that the logo would get lost. I decided to use gray to make the logo and other accents pop off the screen.\u00a0I chose to keep the application of accents colors fairly sparse. Only selected top-level\/sub navigation and H tags use the accents.<\/span><\/h3>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

A new icon font<\/h3>\n

The decision to go with an icon font was made early on, because I wanted to make sure that the client could easily change colors and use the icons I created in other places as needed.<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”2_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/iconFont.jpg” alt=”Icon font display” title_text=”Icon Font display” animation=”right” admin_label=”Image” _builder_version=”3.0.47″] [\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”2_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/fineDynamics.jpg” alt=”Dynamics CRM Integration” title_text=”Dynamics CRM Integration” admin_label=”Image” _builder_version=”3.0.47″] [\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

Dynamics Integration<\/h2>\n

Being that Fine is a Microsoft Gold partner in the area of Dynamics products it behooved them to incorporate the technology into their site. This proved to be problematic at times, but I was able to come up with a method by which Dynamics content could live in harmony within SharePoint’s structure.<\/span><\/h3>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ background_color=”#ed1b24″ padding_mobile=”off” admin_label=”Section” _builder_version=”3.0.47″][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text background_layout=”dark” admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

The Screens<\/h2>\n

The end result was a pretty picture with a good helping of information about both Fine Solutions and the products they support.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Section” _builder_version=”3.0.47″][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

One Fine home<\/h3>\n

The main focus of the homepage was to explain to users what Fine’s capabilities are.<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”2_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/slide1.jpg” alt=”Fine Solutions Home” title_text=”Fine Solutions Home” animation=”right” admin_label=”Image” _builder_version=”3.0.47″] [\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”2_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/slide2.jpg” alt=”Fine Products Pages” title_text=”Fine Products Pages” admin_label=”Image” _builder_version=”3.0.47″] [\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

The Products<\/h3>\n

Being predominately an informational marketing site the main focus is on the Dynamics Products.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

Services<\/h3>\n

Fine doesn’t make money off the products they sell, it’s the services they offer to install, and maintain the products. These pages are key to selling potential buyers on why they should choose Fine over the competition.<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”2_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/slide3.jpg” alt=”Fine Solutions Services” title_text=”Fine Solutions Services” animation=”right” admin_label=”Image” _builder_version=”3.0.47″] [\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”2_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/slide4.jpg” alt=”Fine Team” title_text=”Fine Team” admin_label=”Image” _builder_version=”3.0.47″] [\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

One good sounding team<\/h3>\n

The team page features a little snippet about who Fine is, and two long lists of all their Partners\u00a0and Certifications, a quite impressive list if I do say so myself.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”]<\/p>\n

Fine Events<\/h3>\n

Another way that Fine Solutions gets their name out is through events. The goal here was to give them an easy way to just keep one list of all their upcoming events that would then be ordered by date, so that visitors can see what they’re up to in the days to come.<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=”2_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/slide5.jpg” alt=”Fine Solutions Events” title_text=”Fine Solutions Events” animation=”right” admin_label=”Image” _builder_version=”3.0.47″] [\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ background_color=”#f7f7f7″ admin_label=”section” _builder_version=”3.0.47″][et_pb_row admin_label=”row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_cta title=”Do you need your old SP2010 site brought into the present?” button_url=”mailto:chris@exciteddesigns.com” button_text=”Get In Touch” use_background_color=”off” background_layout=”light” admin_label=”Call To Action” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”] [\/et_pb_cta][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

[et_pb_section fb_built=”1″ background_color=”rgba(0,0,0,0.65)” padding_mobile=”off” admin_label=”section” custom_padding_last_edited=”off|desktop” _builder_version=”3.0.47″ background_image=”http:\/\/exciteddesigns.com\/wp-content\/uploads\/2016\/08\/fineHeroDark.jpg” parallax=”on” parallax_method=”off”][et_pb_row padding_mobile=”off” column_padding_mobile=”on” parallax_method_1=”off” admin_label=”row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ column_padding_mobile=”on” parallax=”off” parallax_method=”off”][et_pb_divider height=”200″ admin_label=”Divider” _builder_version=”3.0.47″] [\/et_pb_divider][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ background_color=”#ec3237″ padding_mobile=”off” admin_label=”section” custom_padding_last_edited=”off|desktop” _builder_version=”3.0.47″ parallax=”on” parallax_method=”off”][et_pb_row custom_padding=”0px|||” padding_mobile=”off” column_padding_mobile=”on” parallax_method_1=”off” admin_label=”row” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ column_padding_mobile=”on” parallax=”off” parallax_method=”off”][et_pb_text background_layout=”dark” admin_label=”Text” _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”] […]<\/p>\n","protected":false},"author":1,"featured_media":26140,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[21,6,7],"project_tag":[18,11,17,10,19,16,20,15],"class_list":["post-26136","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-web","project_category-web-design","project_category-web-development","project_tag-color-exploration","project_tag-css","project_tag-hi-fidelity-mockups","project_tag-html","project_tag-iconography-exploration","project_tag-jquery","project_tag-quick-turn","project_tag-spservices"],"_links":{"self":[{"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=\/wp\/v2\/project\/26136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=\/wp\/v2\/project"}],"about":[{"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26136"}],"version-history":[{"count":48,"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=\/wp\/v2\/project\/26136\/revisions"}],"predecessor-version":[{"id":26815,"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=\/wp\/v2\/project\/26136\/revisions\/26815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=\/wp\/v2\/media\/26140"}],"wp:attachment":[{"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26136"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fproject_category&post=26136"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/exciteddesigns.com\/index.php?rest_route=%2Fwp%2Fv2%2Fproject_tag&post=26136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}