[mk_page_section bg_image=”https://www.nst-li.com/wp-content/uploads/2018/01/nst-web-dev-header.jpg” bg_image_portrait=”https://www.nst-li.com/wp-content/uploads/2017/12/nst-back-3.png” bg_position=”center top” bg_repeat=”no-repeat” bg_stretch=”true” enable_3d=”true” video_opacity=”0.5″ adaptive_height=”true” max_height=”750″ min_height=”300″ js_vertical_centered=”true” padding_top=”200″ padding_bottom=”100″ skip_arrow=”true” sidebar=”sidebar-1″]
[mk_fancy_title tag_name=”h1″ color=”#ffffff” size=”68″ force_font_size=”true” size_tablet=”40″ size_phone=”30″ font_weight=”900″ txt_transform=”capitalize” margin_bottom=”10″ font_family=”Montserrat” font_type=”google”]HOTALING INSURANCE SERVICES [/mk_fancy_title][mk_fancy_title tag_name=”h4″ color=”#ffffff” size=”24″ force_font_size=”true” size_tablet=”30″ size_phone=”20″ font_weight=”bold” txt_transform=”uppercase” margin_bottom=”10″ font_family=”none”]Case Study: Marketing website with plenty of bells and whistles. [/mk_fancy_title][mk_button dimension=”savvy” corner_style=”full_rounded” size=”x-large” url=”/contact/” margin_top=”20″ margin_bottom=”0″ margin_right=”0″ outline_skin=”light”]Let’s Talk[/mk_button]
[/mk_page_section][mk_page_section bg_position=”center center” bg_repeat=”no-repeat” bg_stretch=”true” video_opacity=”0.7″ min_height=”501″ js_vertical_centered=”true” padding_top=”100″ padding_bottom=”100″ sidebar=”sidebar-1″]
[mk_fancy_title tag_name=”h2″ color=”#444444″ size=”28″ force_font_size=”true” size_tablet=”30″ size_phone=”20″ font_weight=”bold” txt_transform=”capitalize” margin_top=”30″ margin_bottom=”0″ font_family=”Montserrat” font_type=”google” align=”center”]

About the Project

[/mk_fancy_title]
[mk_fancy_title tag_name=”h4″ color=”#444444″ size=”24″ force_font_size=”true” size_smallscreen=”20″ size_tablet=”20″ size_phone=”20″ font_weight=”bold” txt_transform=”capitalize” margin_top=”15″ margin_bottom=”0″ font_family=”Montserrat” font_type=”google” align=”center”]

Client:

[/mk_fancy_title]

HOTALING INSURANCE SERVICES

[mk_fancy_title tag_name=”h4″ color=”#444444″ size=”24″ force_font_size=”true” size_smallscreen=”20″ size_tablet=”20″ size_phone=”20″ font_weight=”bold” txt_transform=”capitalize” margin_top=”15″ margin_bottom=”0″ font_family=”Montserrat” font_type=”google” align=”center”]

Services:

[/mk_fancy_title]

Custom Programming
Website design
Responsive Web Design
WordPress Development
Plugin Development
Secure Hosting
WordPress Training

[mk_fancy_title tag_name=”h2″ color=”#444444″ size=”36″ force_font_size=”true” size_tablet=”30″ size_phone=”20″ font_weight=”900″ txt_transform=”capitalize” margin_bottom=”10″ font_family=”Montserrat” font_type=”google” align=”center”]Summary [/mk_fancy_title]

The Hotaling Group, a domestic and international insurance and financial provider based in US and Amsterdam, wanted to update their website to match their companies reputation in the industry.

The goal the task, create a unique visual experience yet provide the information that viewer will find useful.

Build a 3-pronged landing with video to catch the eye, easy-to-navigate blocks to better serve the clients target audience and link all 3 verticals for better usability.

Develop solutions for interfacing with Linked in profiles of all personnel and find a solution for displaying services in a unique and interesting manner.

[/mk_page_section][mk_page_section bg_color=”rgba(162,177,191,0.07)” bg_position=”center center” bg_repeat=”no-repeat” bg_stretch=”true” video_opacity=”0.7″ min_height=”501″ js_vertical_centered=”true” padding_top=”30″ padding_bottom=”30″ sidebar=”sidebar-1″]
[mk_fancy_title tag_name=”h2″ color=”#444444″ size=”36″ force_font_size=”true” size_tablet=”30″ size_phone=”20″ font_weight=”900″ txt_transform=”capitalize” margin_bottom=”10″ font_family=”Montserrat” font_type=”google” align=”center”]The Challenge [/mk_fancy_title]

Design was key to this project. We had to marry the concepts our client envisioned with usability.

The project wanted to be original, tie in to their companies branding, and put a twist on the typical marketing website.

Their goal was to have an entry point with video to wow the viewer. The challenge was finding the concept video that best captured the clients vision.

Each industry vertical would have it’s own “site” with the page functioning independently yet linked to each other.

The administration of the website had to be simple and intuitive.

Visuals were just as important as the written content as each image would represent a location of The Hotaling Group.

Custom development would be required to convert the design concepts into reality.

[mk_fancy_title tag_name=”h2″ color=”#444444″ size=”36″ force_font_size=”true” size_tablet=”30″ size_phone=”20″ font_weight=”900″ txt_transform=”capitalize” margin_bottom=”10″ font_family=”Montserrat” font_type=”google” align=”center”]The Solution [/mk_fancy_title]

As with all our projects, we held a number of interviews to determine a scope of work that provided the optimal solutions for our clients project.

Our platform of choice would be WordPress due to it’s ease of development and quick learning curve for administration.

For design, the project encountered multiple revisions due to conflicting needs. We created numerous concepts with varying navigational styles and ultimately created the one that can be seen on their website HG-INSURANCESERVICES.COM opens in a new window

The landing page came together using a video fly-over as per our clients vision. Using WordPress and custom fields we created an admin that provides the client with the ability to easily manage the content for the landing page, US client page, International client page and Sport/Entertainment page.

Location management was integrated for automatically adding new location as the company grows and expands.

Services on the US client page was accomplished with a bit of slick coding and is fully managed in the admin – no small feat.

The responsiveness of the site also presented a challenge sure to the large images and varying font sizes. We used Media Queries to not only manage the site on small devices but to also manage differing desktop sizes. The overall result is a unique modern website we are proud to have been a part of developing.

[/mk_page_section][mk_page_section bg_color=”#0e2132″ bg_position=”center center” bg_repeat=”no-repeat” bg_stretch=”true” video_opacity=”0.7″ min_height=”501″ js_vertical_centered=”true” padding_top=”100″ padding_bottom=”100″ sidebar=”sidebar-1″]
Hotaling Insurance Services
[/mk_page_section][mk_page_section bg_color=”#e4e4e4″ bg_position=”center center” bg_repeat=”no-repeat” bg_stretch=”true” video_opacity=”0.7″ min_height=”475″ js_vertical_centered=”true” padding_top=”50″ padding_bottom=”50″ sidebar=”sidebar-1″]
[mk_fancy_title tag_name=”h2″ color=”#444444″ size=”28″ force_font_size=”true” size_smallscreen=”24″ size_tablet=”24″ size_phone=”20″ font_weight=”bold” txt_transform=”capitalize” margin_bottom=”10″ font_family=”Montserrat” font_type=”google” align=”center”]Client Testimonials [/mk_fancy_title][mk_testimonials style=”boxed” skill_color=”#ffffff” font_size=”20″ font_weight=”bold” font_style=”normal”]
[/mk_page_section][mk_page_section bg_position=”center center” bg_repeat=”no-repeat” bg_stretch=”true” video_opacity=”0.7″ min_height=”501″ js_vertical_centered=”true” padding_top=”100″ padding_bottom=”100″ sidebar=”sidebar-1″]
[mk_fancy_title tag_name=”h2″ color=”#444444″ size=”36″ force_font_size=”true” size_tablet=”30″ size_phone=”20″ font_weight=”900″ txt_transform=”capitalize” margin_bottom=”10″ font_family=”Montserrat” font_type=”google” align=”center”]Designing for User Experience [/mk_fancy_title]

NST Web Solutions carefully considers form and function when creating a custom solution for our clients.

Developing an effect User Experience is no simple task. A deep understanding of the clients business and goals for presenting their services or content, is critical. This is always our first step in developing a UX/UI plan.

Understanding Hotaling Insurance Services target audience was key to building an effective user experience.

With many hours of discussion and internal research, we developed a plan to best serve our client’s needs.

The key features we created to solve some of the unique requests also challenges UX/UI best practices. We worked with our client to provide a revised interface that did actually combine form and function.

[/mk_page_section]
[mk_fancy_title tag_name=”h2″ color=”#ffffff” size=”36″ font_weight=”900″ txt_transform=”none” margin_top=”50″ margin_bottom=”10″ font_family=”Montserrat” font_type=”google” align=”center”]Coding Your Future One Line at a Time[/mk_fancy_title]

Grow Your Business with Web Development Solutions by NST

[mk_button dimension=”savvy” corner_style=”full_rounded” size=”x-large” url=”/contact/” align=”center” margin_top=”20″ margin_bottom=”0″ margin_right=”0″ outline_skin=”light”]Let’s Get in Touch[/mk_button]
Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.

Not readable? Change text. captcha txt