Forward
Want to see the results before reading?
Black and Latino businesses have historically faced unique challenges in the United States. They often struggle to secure necessary funding, which puts them at a higher risk of failure.
Square, in collaboration with various industry partners and sponsors, aimed to counter this issue by offering a mentorship program to enable Black and Latino businesses to learn from successful entrepreneurs and expand their operations. A key part of making this program successful would be developing an engaging landing page that provides all necessary information about qualification criteria, mentor profiles, and the application process.
How might we educate Black and Latino business owners about this new program in a way that’s accessible and engaging?
Who are we designing for?
-
Black and Latino small business owners based in the US.
-
Existing Square customers and new prospects
The Team
This project consisted of...
Me! (Production Designer)
Front End Developer
Designer and Art Director
Project Manager
Content Producer
Copywriter
My responsibilities
01.
Act as a consultant for the creative team during the design process to build the best web experience.
02.
Partner with front end developer to build pages in Contentful and add custom stylesheets and overrides
03.
Edit, crop and export images for web use.
Scope & Constraints
-
This was an intricate, custom page that put the working team's communication and partnership skills to the test.
-
This project was completed across multiple time-zones, with team members based in Toronto, New York City, Rhode Island and San Francisco.
-
There were multiple external partners and sponsors involved in this cause. Our work need to be approved by them as well as Square leadership.
The Process
The Design Stage
During the design stage, I acted as a consultant for the designer and art director as they built Figma layouts and wireframes. I conducted research to identify user-friendly display methods and checked in with the development team and Contentful to ensure the feasibility of all layout requests.
The “Shell” Stage
In this stage, I created a "shell" of all pages in Contentful with placeholder components. I briefed the development team on the final Figma layouts, and we used sticky notes to divide up work accordingly.
The Content Stage
Once copy was finalized, I added it to all page components and sourced, cropped and exported responsive imagery to add to the web-pages. In the background, the development team added custom code and style sheets necessary to match the creative team's designs.
The "Q.A." Stage
Once ready, the page was sent to stakeholders and partners for final reviews. We used a spreadsheet to manage feedback and determine which edits were gating to launch.