{"id":70,"date":"2025-08-08T16:06:53","date_gmt":"2025-08-08T16:06:53","guid":{"rendered":"https:\/\/portfolio.divergentgraphics.com\/?post_type=project&#038;p=70"},"modified":"2025-10-15T14:58:13","modified_gmt":"2025-10-15T14:58:13","slug":"website-design","status":"publish","type":"project","link":"https:\/\/portfolio.divergentgraphics.com\/index.php\/project\/website-design\/","title":{"rendered":"Website design"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|on|off&#8221; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;2000px&#8221; custom_padding=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/08\/flowers-bouquete.png&#8221; alt=&#8221;decorative-header&#8221; title_text=&#8221;flowers-bouquete&#8221; force_fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||-75px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_padding_mobile=&#8221;on&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; background_image=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/08\/Layer-3.png&#8221; background_size=&#8221;stretch&#8221; background_position=&#8221;top_left&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_margin=&#8221;|||0px&#8221; custom_padding=&#8221;60px|20%|60px|20%||true&#8221; custom_padding_tablet=&#8221;100px||100px|10%&#8221; custom_padding_phone=&#8221;|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_intensity_slide=&#8221;5%&#8221; animation_starting_opacity=&#8221;100%&#8221; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;30px&#8221; box_shadow_vertical=&#8221;0px&#8221; box_shadow_color=&#8221;rgba(255,255,255,0.2)&#8221; use_custom_width=&#8221;on&#8221; width_unit=&#8221;off&#8221; custom_width_percent=&#8221;90%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;_initial&#8221; header_2_font=&#8221;Josefin Sans|700|||||||&#8221; header_2_text_color=&#8221;#FFFFFF&#8221; header_2_font_size=&#8221;52px&#8221; header_2_line_height=&#8221;1.2em&#8221; custom_margin=&#8221;||10px||false|false&#8221; custom_padding=&#8221;45px|||||&#8221; header_2_font_size_tablet=&#8221;32px&#8221; header_2_font_size_phone=&#8221;20px&#8221; header_2_font_size_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: center;\">Website Design<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/08\/red.png&#8221; width=&#8221;100%&#8221; max_width=&#8221;none&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#FFFFFF&#8221; header_3_font=&#8221;|600|||||||&#8221; header_3_text_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|||||true&#8221; custom_margin_tablet=&#8221;|7px||7px|false|true&#8221; custom_margin_phone=&#8221;|1px||1px|false|true&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;18px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3 style=\"display: inline;\">Client:<\/h3>\n<p style=\"display: inline;\">PCM\u00a0<\/p>\n<h3 style=\"display: inline;\">Role:<\/h3>\n<p style=\"display: inline;\">Graphic and Web Designer\u00a0<\/p>\n<h3 style=\"display: inline;\">Project:<\/h3>\n<p style=\"display: inline;\">PCM Website Redesign\u00a0<\/p>\n<h3 style=\"display: inline;\">Tools Used:<\/h3>\n<p style=\"display: inline;\">WordPress, Divi, Adobe XD<\/p>\n<p style=\"display: inline;\">[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;on|on|off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/08\/green-blue-e1755252906438.png&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_horizontal_offset=&#8221;-13.5%&#8221; width=&#8221;100%&#8221; max_width=&#8221;1280px&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2024\/08\/Website1.jpg&#8221; alt=&#8221;website1&#8243; title_text=&#8221;Website1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;|85px||85px|false|true&#8221; animation_style=&#8221;zoom&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/08\/green-blue-e1755252906438.png&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_horizontal_offset=&#8221;-13.5%&#8221; width=&#8221;100%&#8221; max_width=&#8221;1280px&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_enable_image=&#8221;off&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_3_font=&#8221;|700|||||||&#8221; header_3_line_height=&#8221;1.5em&#8221; background_enable_color=&#8221;off&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;|-20px|0px|-20px|false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|-20px||-20px|false|true&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;20px|60px|20px|60px|true|true&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|20px||20px|true|true&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; link_option_url=&#8221;#&#8221; hover_enabled=&#8221;0&#8243; text_line_height_tablet=&#8221;&#8221; text_line_height_phone=&#8221;1.6em&#8221; text_line_height_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;16px&#8221; header_3_font_size_phone=&#8221;14px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; box_shadow_horizontal_last_edited=&#8221;off|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_horizontal__hover_enabled=&#8221;on&#8221; box_shadow_horizontal__hover=&#8221;-20px&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<h3 data-start=\"355\" data-end=\"381\"><strong data-start=\"362\" data-end=\"379\">The Challenge<\/strong><\/h3>\n<p data-start=\"382\" data-end=\"705\">PCM\u2019s previous website felt outdated and lacked visual impact. The client wanted a refreshed look that would reflect the brand\u2019s identity more clearly and create a better experience for users. The goal was to modernize the site, increase engagement, and help drive more traffic through improved visual appeal and usability.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_3_font=&#8221;|700|||||||&#8221; header_3_line_height=&#8221;1.5em&#8221; background_enable_color=&#8221;off&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;|-20px|0px|-20px|false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|-20px||-20px|false|true&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;20px|60px|20px|60px|true|true&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|20px||20px|true|true&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; link_option_url=&#8221;#&#8221; text_line_height_tablet=&#8221;&#8221; text_line_height_phone=&#8221;1.6em&#8221; text_line_height_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;16px&#8221; header_3_font_size_phone=&#8221;14px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; box_shadow_horizontal_last_edited=&#8221;off|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_horizontal__hover_enabled=&#8221;on&#8221; box_shadow_horizontal__hover=&#8221;-20px&#8221;]<\/p>\n<h3 data-start=\"712\" data-end=\"737\"><strong data-start=\"719\" data-end=\"735\">The Solution<\/strong><\/h3>\n<p data-start=\"738\" data-end=\"1034\">I redesigned the entire site from the ground up using <strong data-start=\"792\" data-end=\"826\">WordPress and the Divi builder<\/strong>, focusing on a <strong data-start=\"842\" data-end=\"866\">clean, simple layout<\/strong> and bold, <strong data-start=\"877\" data-end=\"904\">saturated color choices<\/strong> to give the brand more energy and presence online. I also updated the <strong data-start=\"975\" data-end=\"989\">typography<\/strong> to improve readability and visual hierarchy.<\/p>\n<p data-start=\"1036\" data-end=\"1175\">Design decisions were made with both <strong data-start=\"1073\" data-end=\"1092\">user experience<\/strong> and <strong data-start=\"1097\" data-end=\"1111\">conversion<\/strong> in mind, balancing the client\u2019s vision with web best practices.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text quote_border_color=&#8221;gcid-aaa81b2d-0793-4056-97a8-e5a05f218130&#8243; _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_text_color=&#8221;gcid-body-color&#8221; text_line_height=&#8221;2em&#8221; quote_text_color=&#8221;gcid-body-color&#8221; header_3_font=&#8221;|700|||||||&#8221; header_3_text_color=&#8221;gcid-cd6f2156-d586-4243-8fcd-6c6750f71687&#8243; header_3_line_height=&#8221;1.5em&#8221; background_enable_color=&#8221;off&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;|-20px||-20px|false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|-20px||-20px|false|true&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;20px|60px|20px|20px|true|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|20px||20px|true|true&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; link_option_url=&#8221;#&#8221; text_line_height_tablet=&#8221;&#8221; text_line_height_phone=&#8221;1.6em&#8221; text_line_height_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;16px&#8221; header_3_font_size_phone=&#8221;14px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; box_shadow_horizontal_last_edited=&#8221;off|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-cd6f2156-d586-4243-8fcd-6c6750f71687%22:%91%22header_3_text_color%22%93,%22gcid-body-color%22:%91%22text_text_color%22,%22quote_text_color%22%93,%22gcid-aaa81b2d-0793-4056-97a8-e5a05f218130%22:%91%22quote_border_color%22%93}&#8221; box_shadow_horizontal__hover_enabled=&#8221;on&#8221; box_shadow_horizontal__hover=&#8221;-20px&#8221;]<\/p>\n<h3 data-start=\"1182\" data-end=\"1215\"><strong data-start=\"1189\" data-end=\"1213\">Outcome &amp; Reflection<\/strong><\/h3>\n<p data-start=\"1216\" data-end=\"1437\">The client was <strong data-start=\"1304\" data-end=\"1320\">very pleased<\/strong> with the final design and the website\u2019s performance during testing. The experience reinforced an important lesson:<\/p>\n<blockquote data-start=\"1438\" data-end=\"1544\">\n<p data-start=\"1440\" data-end=\"1544\">\u201c<strong data-start=\"1441\" data-end=\"1541\">Simplicity is powerful, and client satisfaction must be balanced with functionality and purpose.<\/strong>\u201d<\/p>\n<\/blockquote>\n<p data-start=\"1546\" data-end=\"1643\">This project sharpened my skills in responsive design, user experience, and client communication.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1280px&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][et_pb_column _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; type=&#8221;4_4&#8243;][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/10\/home-hero.jpg&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; alt=&#8221;pcm-home-hero&#8221; title_text=&#8221;home-hero&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243; custom_margin=&#8221;|-20px||-20px|false|true&#8221; custom_padding=&#8221;|60px||60px|false|true&#8221;]<\/p>\n<ul>\n<li><strong>Challenge:<\/strong> Outdated and slightly cluttered hero banner.<\/li>\n<li><strong>Solution:<\/strong> A simple, eye-catching hero banner that adds the WOW factor to the start of the landing page.<\/li>\n<li><strong>Result:<\/strong> A tidy uncluttered hero banner that stands out and leaves the viewer wanting more.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; column_structure=&#8221;1_2,1_2&#8243; max_width=&#8221;1280px&#8221; width_last_edited=&#8221;on|desktop&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][et_pb_column _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; type=&#8221;1_2&#8243;][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/10\/home2.jpg&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; alt=&#8221;pcm-home-2&#8243; title_text=&#8221;home2&#8243; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/10\/home3-scaled.jpg&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; alt=&#8221;pcm-home3&#8243; title_text=&#8221;home3&#8243; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/10\/about-footer.jpg&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; alt=&#8221;pcm-footer&#8221; title_text=&#8221;about-footer&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/06\/Web-1920-\u2013-2-2-scaled.jpg&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; alt=&#8221;pcm-website-team-page&#8221; title_text=&#8221;PCM Website Team Page&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][et_pb_column _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; type=&#8221;1_2&#8243;][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/10\/about1.jpg&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; alt=&#8221;about1&#8243; title_text=&#8221;about1&#8243; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/10\/about2-scaled.jpg&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; alt=&#8221;pcm-about2&#8243; title_text=&#8221;about2&#8243; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/10\/about3-scaled.jpg&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; alt=&#8221;pcm-about3&#8243; title_text=&#8221;about3&#8243; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|on&#8221; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;2000px&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/08\/Layer-7-copy-3.png&#8221; title_text=&#8221;Layer 7 copy 3&#8243; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||-62px|||&#8221; custom_margin_tablet=&#8221;||-95px||false|false&#8221; custom_margin_phone=&#8221;||-95px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_padding_mobile=&#8221;on&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.27.4&#8243; background_image=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/08\/Layer-3.png&#8221; background_size=&#8221;stretch&#8221; background_position=&#8221;top_left&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_margin=&#8221;|||0px&#8221; custom_padding=&#8221;60px|20%|60px|20%||true&#8221; custom_padding_tablet=&#8221;100px||100px|10%&#8221; custom_padding_phone=&#8221;80px||60px||false|false&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_intensity_slide=&#8221;5%&#8221; animation_starting_opacity=&#8221;100%&#8221; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;30px&#8221; box_shadow_vertical=&#8221;0px&#8221; box_shadow_color=&#8221;rgba(255,255,255,0.2)&#8221; use_custom_width=&#8221;on&#8221; width_unit=&#8221;off&#8221; custom_width_percent=&#8221;90%&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;_initial&#8221; header_2_font=&#8221;Josefin Sans|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#FFFFFF&#8221; header_2_font_size=&#8221;52px&#8221; header_2_line_height=&#8221;1.2em&#8221; custom_margin=&#8221;||-10px||false|false&#8221; custom_margin_tablet=&#8221;||-10px||false|false&#8221; custom_margin_phone=&#8221;||-10px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;45px|||||&#8221; custom_padding_tablet=&#8221;25px||||false|false&#8221; custom_padding_phone=&#8221;25px||||false|false&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; header_2_font_size_tablet=&#8221;42px&#8221; header_2_font_size_phone=&#8221;30px&#8221; header_2_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Website Design<\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/08\/red-e1755253236950.png&#8221; width=&#8221;100%&#8221; max_width=&#8221;1263px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#FFFFFF&#8221; header_3_font=&#8221;|600|||||||&#8221; header_3_text_color=&#8221;#FFFFFF&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;|||||true&#8221; custom_margin_tablet=&#8221;|7px||7px|false|true&#8221; custom_margin_phone=&#8221;|1px||1px|false|true&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;&#8221; header_3_font_size_phone=&#8221;18px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3 style=\"display: inline;\">Client:<\/h3>\n<p style=\"display: inline;\">PCM<\/p>\n<h3 style=\"display: inline;\">Role:<\/h3>\n<p style=\"display: inline;\">Graphic and Web Designer\u00a0<\/p>\n<h3 style=\"display: inline;\">Project:<\/h3>\n<p style=\"display: inline;\">PCM Website Redesign<\/p>\n<h3 style=\"display: inline;\">Tools Used:<\/h3>\n<p style=\"display: inline;\">WordPress, Divi, Adobe XD<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_enable_image=&#8221;off&#8221; width=&#8221;100%&#8221; max_width_tablet=&#8221;&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/08\/green-blue-e1755252906438.png&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2024\/08\/Website1.jpg&#8221; alt=&#8221;website1&#8243; title_text=&#8221;Website1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_3_font=&#8221;|700|||||||&#8221; header_3_line_height=&#8221;1.5em&#8221; background_enable_color=&#8221;off&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;|-20px|0px|-20px|false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;20px|60px|20px|60px|true|true&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|20px||20px|true|true&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; link_option_url=&#8221;#&#8221; text_line_height_tablet=&#8221;&#8221; text_line_height_phone=&#8221;1.6em&#8221; text_line_height_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;16px&#8221; header_3_font_size_phone=&#8221;14px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;0px&#8221; box_shadow_horizontal_last_edited=&#8221;off|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_horizontal__hover_enabled=&#8221;on&#8221; box_shadow_horizontal__hover=&#8221;-20px&#8221;]<\/p>\n<h3 data-start=\"355\" data-end=\"381\"><strong data-start=\"362\" data-end=\"379\">The Challenge<\/strong><\/h3>\n<p data-start=\"382\" data-end=\"705\">PCM\u2019s previous website felt outdated and lacked visual impact. The client wanted a refreshed look that would reflect the brand\u2019s identity more clearly and create a better experience for users. The goal was to modernize the site, increase engagement, and help drive more traffic through improved visual appeal and usability.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_3_font=&#8221;|700|||||||&#8221; header_3_line_height=&#8221;1.5em&#8221; background_enable_color=&#8221;off&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;|-20px|0px|-20px|false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;20px|60px|20px|60px|true|true&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|20px||20px|true|true&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; link_option_url=&#8221;#&#8221; text_line_height_tablet=&#8221;&#8221; text_line_height_phone=&#8221;1.6em&#8221; text_line_height_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;16px&#8221; header_3_font_size_phone=&#8221;14px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;0px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_horizontal__hover_enabled=&#8221;on&#8221; box_shadow_horizontal__hover=&#8221;-20px&#8221;]<\/p>\n<h3 data-start=\"712\" data-end=\"737\"><strong data-start=\"719\" data-end=\"735\">The Solution<\/strong><\/h3>\n<p data-start=\"738\" data-end=\"1034\">I redesigned the entire site from the ground up using <strong data-start=\"792\" data-end=\"826\">WordPress and the Divi builder<\/strong>, focusing on a <strong data-start=\"842\" data-end=\"866\">clean, simple layout<\/strong> and bold, <strong data-start=\"877\" data-end=\"904\">saturated color choices<\/strong> to give the brand more energy and presence online. I also updated the <strong data-start=\"975\" data-end=\"989\">typography<\/strong> to improve readability and visual hierarchy.<\/p>\n<p data-start=\"1036\" data-end=\"1175\">Design decisions were made with both <strong data-start=\"1073\" data-end=\"1092\">user experience<\/strong> and <strong data-start=\"1097\" data-end=\"1111\">conversion<\/strong> in mind, balancing the client\u2019s vision with web best practices.<\/p>\n<p>[\/et_pb_text][et_pb_text quote_border_color=&#8221;gcid-aaa81b2d-0793-4056-97a8-e5a05f218130&#8243; _builder_version=&#8221;4.27.4&#8243; text_font=&#8221;||||||||&#8221; text_line_height=&#8221;2em&#8221; header_3_font=&#8221;|700|||||||&#8221; header_3_line_height=&#8221;1.5em&#8221; background_enable_color=&#8221;off&#8221; background_layout=&#8221;dark&#8221; max_width=&#8221;800px&#8221; custom_margin=&#8221;|-20px|0px|-20px|false|true&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|0px||0px|false|true&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;20px|60px|20px|60px|true|true&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|20px||20px|true|true&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; link_option_url=&#8221;#&#8221; text_line_height_tablet=&#8221;&#8221; text_line_height_phone=&#8221;1.6em&#8221; text_line_height_last_edited=&#8221;on|phone&#8221; header_3_font_size_tablet=&#8221;16px&#8221; header_3_font_size_phone=&#8221;14px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;0px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-aaa81b2d-0793-4056-97a8-e5a05f218130%22:%91%22quote_border_color%22%93}&#8221; box_shadow_horizontal__hover_enabled=&#8221;on&#8221; box_shadow_horizontal__hover=&#8221;-20px&#8221;]<\/p>\n<h3 data-start=\"1182\" data-end=\"1215\"><strong data-start=\"1189\" data-end=\"1213\">Outcome &amp; Reflection<\/strong><\/h3>\n<p data-start=\"1216\" data-end=\"1437\">Although the site was never launched due to internal business decisions, the client was <strong data-start=\"1304\" data-end=\"1320\">very pleased<\/strong> with the final design and the website\u2019s performance during testing. The experience reinforced an important lesson:<\/p>\n<blockquote data-start=\"1438\" data-end=\"1544\">\n<p data-start=\"1440\" data-end=\"1544\">\u201c<strong data-start=\"1441\" data-end=\"1541\">Simplicity is powerful, and client satisfaction must be balanced with functionality and purpose.<\/strong>\u201d<\/p>\n<\/blockquote>\n<p data-start=\"1546\" data-end=\"1643\">This project sharpened my skills in responsive design, user experience, and client communication.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; disabled_on=&#8221;off|off|on&#8221; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.27.4&#8243; background_enable_color=&#8221;off&#8221; background_enable_image=&#8221;off&#8221; parallax=&#8221;on&#8221; custom_padding=&#8221;8vw||5vw||false|false&#8221; bottom_divider_height=&#8221;24vw&#8221; bottom_divider_flip=&#8221;horizontal&#8221; global_colors_info=&#8221;{%22gcid-2d2d37bd-2374-4fae-825e-fa64dbd40969%22:%91%22background_color_gradient_stops%22%93,%22gcid-c34af6c0-9553-4175-9c96-9a7d8b62bfdc%22:%91%22background_color_gradient_stops%22%93}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/06\/Web-1920-\u2013-1-2-scaled.jpg&#8221; alt=&#8221;pcm-img-2&#8243; title_text=&#8221;Web 1920 \u2013 1 (2)&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;center&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.4&#8243; animation_style=&#8221;roll&#8221; animation_duration=&#8221;3000ms&#8221; animation_intensity_roll=&#8221;3%&#8221; animation_starting_opacity=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/portfolio.divergentgraphics.com\/wp-content\/uploads\/2025\/06\/Web-1920-\u2013-2-2-scaled.jpg&#8221; title_text=&#8221;Web 1920 \u2013 2 (2)&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Website DesignClient: PCM\u00a0 Role: Graphic and Web Designer\u00a0 Project: PCM Website Redesign\u00a0 Tools Used: WordPress, Divi, Adobe XD The Challenge PCM\u2019s previous website felt outdated and lacked visual impact. The client wanted a refreshed look that would reflect the brand\u2019s identity more clearly and create a better experience for users. The goal was to modernize [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"project_category":[4],"project_tag":[],"class_list":["post-70","project","type-project","status-publish","hentry","project_category-digital-design"],"_links":{"self":[{"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/project\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":115,"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/project\/70\/revisions"}],"predecessor-version":[{"id":27288,"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/project\/70\/revisions\/27288"}],"wp:attachment":[{"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/media?parent=70"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/project_category?post=70"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/portfolio.divergentgraphics.com\/index.php\/wp-json\/wp\/v2\/project_tag?post=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}