Dessa Rebrand
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! (Graphic Designer)
COO
Communications Manager
Marketing Manager
CEO
CTO
My responsibilities
...Literally everything.
Act as a consultant for the creative team during the design process to build the best web experience.
Scope & Constraints
-
This was an extremely intricate, HTML/CSS heavy page that put my communication and partnership skills with our developer 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 liaised with the designer and art director on proposed 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 showed the development team the final Figma layouts, and we used sticky notes to distinguish between tasks suited for production design versus development.
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 webpages. In the background, the development team added any custom code and style sheets necessary to make the Contentful components matched the designs.
The "Q.A." Stage
Once the copy and images were set, the pages were sent to stakeholders for the final review. We used a spreadsheet to manage and track feedback, identifying the page and locale associated with each fix, and determining if disregarding changes would impede the page launch. Given the large number of pages and extensive content, this phase of the process was the most time-consuming.