Users & Audience
Roles & Responsibilities
Scope & Constraints
Process
Pineapple Women's users are mostly Latina youth as applicants and direct beneficiaries of the non-profit's efforts to help them recognise the value in their skills, break barriers, and overcome stereotypes, enabling them to become future role models. The other side of their audience is those users who want to support PAW actions, by becoming volunteers, sponsors or partners.
My role was a no-code web developer and UX designer since I strive to have my process founded on UX and web design practices while translating the business's goals. Collaborating with PAW's founder and vice president, we delegated our responsibilities and tasks pretty seamlessly, with asynchronous communication, a commenting feature in Wix Studio and only one discovery call. After PAW website owners had created the previous version of the website, we quickly agreed that I would take on the responsibility of the design, layout and part of the content (in English). At the same time, they focus on the implementation of the Spanish translation and utilising their application forms layout.
As in most case scenarios this time the deadline was one of the most pressing constraints. But thanks to a good and detailed overview of the sitemap and a detailed onboarding on Pineapple Women and giving me access to their pitch deck, the process was smooth as butter. 🧈 The scope was also apparent. Pineapple Women needed my help launching their five pages and following a design direction with the new typography and colour scheme where they could easily scale.
My process started with a brief overview and desk research of all provided resources (pitch deck, previous style guide and inspirational websites). Since the time wasn't on our side, luckily having the detailed and negotiated sitemap provided I immediately started crafting the first version of the homepage. Progressively section by section after I received the first round of feedback I started troubleshooting and implementing those same changes.
Example: Midway through our collaboration while I was working on one of the other pages (About Us or Join Us), we encountered an issue with the Wix Studio hamburger menu. The font couldn't be increased and the menu couldn't be opened or edited in the editor. So I opted for the more accessible option of having the menu show Home and More menu links with an option to view the other pages in a seamless dropdown.
Another interesting encounter was the Wix Multilingual app that needed to be removed and reinstalled after some site language settings were adjusted.
At the end of the process with the agreement of the founder, I published the website which is pretty much an ongoing work in progress and edited selective parts of the design (footer, white space between certain sections etc).