{"id":547,"date":"2022-02-26T15:16:01","date_gmt":"2022-02-26T23:16:01","guid":{"rendered":"https:\/\/byrnecreative.com\/?page_id=547"},"modified":"2023-11-28T09:09:46","modified_gmt":"2023-11-28T17:09:46","slug":"case-study-site-redesign","status":"publish","type":"page","link":"https:\/\/byrnecreative.com\/design\/case-study-site-redesign\/","title":{"rendered":"Case Study: site Redesign"},"content":{"rendered":"\n

A southern California nonprofit working to inspire public participation in the cataloging and preservation of local architectural gems and public spaces looked to overhaul its site as part of a major technological overhaul to address their website CRM, CMS, fundraising and advocacy infrastructure. Central to this effort was bringing a fresh new look to the site.<\/p>\n\n\n\n

preliminary, rapid wireframes<\/h2>\n\n\n\n

Early on in the engagement, while still hashing out the full scope of work, I was asked to quickly produce some wireframes to demonstrate to the client how their current fragmented user experience for handling donations, membership, and event registration \u2014 each previously handled by distinct systems \u2014 could be unified into a more consistent interface. These wireframes \u2014 though not actually low-fidelity \u2014 were quickly produced in Whimsical<\/a> to simply demonstrate potential user journeys before other efforts regarding the visual design or information architecture were addressed. <\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n

Research & planning<\/h2>\n\n\n\n

Other members of my team were involved in performing a content audit of the site, interviewing stakeholders, and planning, user testing, and refining the site’s information architecture, though I monitored this work to ensure it met our quality standards. <\/p>\n\n\n\n

Another designer also put together the initial style tile the client approved, though that mostly involved production work as the client’s existing brand standards were reasonably well-established.<\/p>\n\n\n\n

Additional wireframes<\/h2>\n\n\n\n

Once the visual vocabulary and sitemap were ironed out, I was brought back in to the project to produce additional, higher-fidelity wireframes for key pages of the site. These were done in Figma<\/a>:<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n

Design & Basic Prototype<\/h2>\n\n\n\n

The wireframing process was quite successful, allowing me to move into producing designs with few changes. Budget also allowed for implementing a basic prototype of the homepage to illustrate dropdown menus, a carousel and some hover states.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

Please also visit the basic homepage prototype in Figma \u00bb <\/a><\/strong><\/p>\n\n\n\n

Final Implementation<\/h2>\n\n\n\n

Unfortunately, this project was never completed for reasons outside my control.<\/p>\n","protected":false},"excerpt":{"rendered":"

A southern California nonprofit working to inspire public participation in the cataloging and preservation of local architectural gems and public spaces looked to overhaul its site as part of a major technological overhaul to address their website CRM, CMS, fundraising and advocacy infrastructure. Central to this effort was bringing a fresh new look to the […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":472,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","footnotes":""},"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/byrnecreative.com\/wp-json\/wp\/v2\/pages\/547"}],"collection":[{"href":"https:\/\/byrnecreative.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/byrnecreative.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/byrnecreative.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/byrnecreative.com\/wp-json\/wp\/v2\/comments?post=547"}],"version-history":[{"count":4,"href":"https:\/\/byrnecreative.com\/wp-json\/wp\/v2\/pages\/547\/revisions"}],"predecessor-version":[{"id":814,"href":"https:\/\/byrnecreative.com\/wp-json\/wp\/v2\/pages\/547\/revisions\/814"}],"up":[{"embeddable":true,"href":"https:\/\/byrnecreative.com\/wp-json\/wp\/v2\/pages\/472"}],"wp:attachment":[{"href":"https:\/\/byrnecreative.com\/wp-json\/wp\/v2\/media?parent=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}