[mk_page_section vertical_align=”top” bg_image=”https://milkandsugardesign.com/wp-content/uploads/2017/11/williams-slider.jpg” bg_position=”center top” bg_stretch=”true” video_opacity=”0.4″ min_height=”450″ full_width=”true” padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″][vc_column][/vc_column][/mk_page_section][mk_page_section video_opacity=”1″ full_width=”true” padding_top=”100″ padding_bottom=”100″ sidebar=”sidebar-1″][vc_column width=”1/12″][/vc_column][vc_column width=”3/12″][vc_column_text css=”.vc_custom_1512447780077{margin-bottom: 0px !important;}”]

Williams Foundation
Delivering educational grants and scholarships to disadvantaged individuals

williams-foundation.com

[/vc_column_text][mk_divider style=”thin_solid” divider_width=”custom_width” custom_width=”250″ align=”left” thin_single_color=”#333333″][vc_column_text css=”.vc_custom_1512165026645{margin-bottom: 0px !important;}”]

Involvement

Digital Creative Direction
User Experience Design
Web Design & Development
Responsive Design[/vc_column_text][/vc_column][vc_column width=”7/12″][vc_column_text css=”.vc_custom_1512448388636{margin-bottom: 0px !important;}”]Set up as part of a memorial to the late student DeAngelo Williams from Carleton College, Minnesota, the Williams Foundation raises capital to be able to students the opportunity to be able to attend Carleton where otherwise they wouldn’t be able to.

Milk & Sugar Design offered their services to create a website that would display their content clearly and be robust enough to handle donation and payment widgets.[/vc_column_text][/vc_column][vc_column width=”1/12″][/vc_column][/mk_page_section][mk_page_section bg_color=”#efeeea” bg_stretch=”true” video_opacity=”1″ min_height=”0″ full_width=”true” padding_top=”100″ padding_bottom=”70″ sidebar=”sidebar-1″][vc_column][mk_laptop_slideshow images=”338,339,340″ slideshow_speed=”4000″ pause_on_hover=”true”][/vc_column][/mk_page_section][mk_page_section bg_stretch=”true” video_opacity=”1″ min_height=”0″ full_width=”true” padding_top=”100″ padding_bottom=”100″ sidebar=”sidebar-1″][vc_column width=”2/12″][/vc_column][vc_column width=”8/12″][vc_column_text align=”center” margin_bottom=”50″ css=”.vc_custom_1512252376734{margin-bottom: 0px !important;}”]

Website Design

[/vc_column_text][vc_column_text margin_bottom=”50″ css=”.vc_custom_1512448813002{margin-bottom: 0px !important;}”]

Being a memorial website, the design needed to display rich photography of DeAngelo as well as clearly showing content. As a foundation website, a built in donation system was required, and this needed to be taken into consideration with the structure of the website.

For its robustness and ability to handle donation widgets, WordPress was used for the design and build of the website. The website is also responsive across all web media, with pin-pointed search engine optimization, as well as being easily maintainable from the client side.

[/vc_column_text][vc_column_text margin_bottom=”50″ css=”.vc_custom_1512256960160{margin-bottom: 0px !important;}”]

If you’re interested to see what we can do for your brand, get in touch:

[/vc_column_text][mk_button dimension=”outline” size=”xx-large” url=”https://milkandsugardesign.com/contact/” align=”center” margin_bottom=”0″ margin_right=”0″ outline_skin=”custom” outline_active_text_color=”#333333″ outline_hover_bg_color=”#333333″ outline_hover_color=”#ffffff”]LETS CHAT![/mk_button][/vc_column][vc_column width=”2/12″][/vc_column][/mk_page_section][mk_page_section bg_color=”#efeeea” bg_stretch=”true” video_opacity=”1″ min_height=”0″ full_width=”true” padding_top=”100″ padding_bottom=”20″ sidebar=”sidebar-1″][vc_column][mk_image src=”https://milkandsugardesign.com/wp-content/uploads/2017/12/williams-mobile.png” image_size=”full” align=”center” margin_bottom=”0″][mk_fancy_title tag_name=”h1″ size=”40″ line_height=”98″ font_weight=”900″ font_style=”normal” margin_top=”100″ margin_bottom=”0″ font_family=”HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, “Lucida Grande“, sans-serif” font_type=”safefont” align=”center”]More Case Studies[/mk_fancy_title][/vc_column][/mk_page_section][mk_page_section video_opacity=”1″ full_width=”true” full_height=”true” padding_top=”0″ padding_bottom=”0″ sidebar=”sidebar-1″][vc_column][mk_portfolio style=”grid” hover_scenarios=”fadebox” grid_spacing=”0″ image_size=”full” permalink_icon_name=”” zoom_icon=”false” count=”9″ sortable=”false” order=”ASC” orderby=”id” posts=”115, 129, 131, 133, 136, 138, 140, 142, 144″][/vc_column][/mk_page_section]