{"id":380,"date":"2019-07-16T00:36:01","date_gmt":"2019-07-16T08:36:01","guid":{"rendered":"http:\/\/www.imagelp.com\/portfolio\/?page_id=380"},"modified":"2025-06-05T05:38:49","modified_gmt":"2025-06-05T13:38:49","slug":"vistex-endeavor","status":"publish","type":"page","link":"http:\/\/www.imagelp.com\/portfolio\/vistex-endeavor\/","title":{"rendered":"Vistex Endeavor"},"content":{"rendered":"

MY ROLE:<\/strong> Visual Designer<\/p>\n

 <\/p>\n

Objective: <\/strong>Redesigning the Vistex Endeavor page on the Vistex website.<\/p>\n

Challenge: <\/strong>The Endeavor webpage is under the umbrella of Vistex. Endeavor wanted to stand out from the rest of the website to help promote their new brand called Corporate Social Responsibility (CSR). There are four messages that Endeavor wanted to convey: Employee Engagement, Supporting Communities, Social Innovations, and Sustainability.<\/p>\n


\n\"\"<\/a><\/p>\n

 <\/p>\n

Design Option 1: <\/strong>The design allows Endeavor main four messages to be above the fold of common screen height. Content layout and placement is important because content that appears above the fold is what is first visible when the user loads the page. It is the prime real estate that gets most of the attention from users. User click on the tab to view the content within it and the user stay within the webpage without having to scroll down or go to another page.<\/p>\n

\"\"<\/a><\/p>\n

Design Option 2: <\/strong>User click the color section of the 4 main messages and a pop-up windows come out to with an images the covers the full screen. User is still above the fold but this allows more content and images to draw user into each section that Vistex is involved in.<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

Design Option 3: <\/strong>Endeavor wanted to have images that are in-house and layout to be the same as Vistex training page. The website was built on WordPress. Endeavor wanted to see how it would look using the training page layout.<\/p>\n

\"\"<\/a><\/p>\n

Final Design Selection: <\/strong>Option 2 was selected because it allows for more flexibility since content was still being develop.<\/p>\n","protected":false},"excerpt":{"rendered":"

MY ROLE: Visual Designer   Objective: Redesigning the Vistex Endeavor page on the Vistex website. […]<\/p>\n","protected":false},"author":1,"featured_media":548,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"two_page_speed":[],"footnotes":""},"class_list":["post-380","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"http:\/\/www.imagelp.com\/portfolio\/wp-json\/wp\/v2\/pages\/380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.imagelp.com\/portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.imagelp.com\/portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.imagelp.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.imagelp.com\/portfolio\/wp-json\/wp\/v2\/comments?post=380"}],"version-history":[{"count":0,"href":"http:\/\/www.imagelp.com\/portfolio\/wp-json\/wp\/v2\/pages\/380\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.imagelp.com\/portfolio\/wp-json\/wp\/v2\/media\/548"}],"wp:attachment":[{"href":"http:\/\/www.imagelp.com\/portfolio\/wp-json\/wp\/v2\/media?parent=380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}