
Groundswell COnservancy
UX / webpage design
VISION
When designing the home page for the Groundswell Conservancy of Wisconsin, I wished to modernize the experience by leaning heavily into the use of bold, colorful imagery with contemporary typography and a clean layout. Inspired by the square shape of their logo, I wanted to repeat its form throughout, unifying the homepage across the desktop, tablet, and mobile websites. Being an environmentally-focused non-profit, I wanted to reinforce their mission through photos of the natural world
PROCESS
After developing a design brief and style guide, I built the sitemap and used the Optimal Workshop website to create a card sort in order to best layout the links within. I used royalty-free imagery from Unsplash, and edited them within Photoshop to assist in unifying them across the homepage. Once these assets were used in Adobe Xd, I used Wordpress to build the website using the ‘Neve’ theme with Elementor as the main plug-in to build the homepage.
Software
Wordpress / Adobe Xd / Adobe Photoshop
Skills
Web Design / UI Design / Photo Editing
Software
Wordpress / Adobe Xd / Adobe Photoshop
Skills
Web Design / UI Design / Photo Editing
![[ DESIGN BRIEF ]](https://pro2-bar-s3-cdn-cf6.myportfolio.com/911564f0-8dc4-4447-914e-f80b8504274b/0ed83d45-6c65-4133-83b7-e4ff8f5afd73_rw_1200.jpg?h=bf6847881fe5d14c505482ebb1997dce)
[ DESIGN BRIEF ]
![[ CARD SORT ]](https://pro2-bar-s3-cdn-cf4.myportfolio.com/911564f0-8dc4-4447-914e-f80b8504274b/ffdbec85-0140-41df-ac3b-b79f3ac65a84_rw_1200.jpg?h=d4db41c1ab3b0aef03ae1c3098ffc41b)
[ CARD SORT ]
![[ SITE MAP ]](https://pro2-bar-s3-cdn-cf6.myportfolio.com/911564f0-8dc4-4447-914e-f80b8504274b/a5418f9c-e26b-44e0-8f5b-a30c210964aa_rw_1200.jpg?h=ba27e636ebf71ad58735c1f974b6a9a8)
[ SITE MAP ]
![[ DESKTOP ]](https://pro2-bar-s3-cdn-cf2.myportfolio.com/911564f0-8dc4-4447-914e-f80b8504274b/31d9abcf-5f22-4514-b7e5-d0269a3f93b6_rw_1200.jpg?h=00169fd9a2762fa5f26edfdb05a74ab6)
[ DESKTOP ]
![[ TABLET ]](https://pro2-bar-s3-cdn-cf4.myportfolio.com/911564f0-8dc4-4447-914e-f80b8504274b/511733c6-81fa-49e9-a22c-0a03abff4061_rw_1200.jpg?h=ccf614030b25ca5fa79e597d3f5cd4f7)
[ TABLET ]
![[ MOBILE ]](https://pro2-bar-s3-cdn-cf6.myportfolio.com/911564f0-8dc4-4447-914e-f80b8504274b/adbb42b5-6f81-4c7a-ae64-24fd75634eef_rw_600.jpg?h=cfec41cfed4d1b81b05aa1ca62fec78d)