During a December 2025 working session, Diana Henry (Didion) and Melissa Cusumano (Asymmetric) reviewed the Masa Arepa landing page and identified several significant usability and content issues. A revised page was committed to by Monday following the meeting.
Key contacts: Diana Henry (dhenry@didioninc.com), Melissa Cusumano (Asymmetric)
Related meeting: [1]
Client: [2]
The page requires too much scrolling, particularly on desktop. Feedback from multiple levels of Didion leadership flagged that images are too large and white space between sections is excessive.
"There's a bit of spots where it just feels like, okay, I'm still scrolling, still scrolling, still scrolling." — Diana Henry
Fix: Reduce image sizes (particularly the large circular images) and compress white space between sections.
The hero section still contains FPO (For Placement Only) watermarked stock images. These were visible on wider viewports and had not been replaced with final photography.
Fix: Replace all FPO/watermarked images in the hero carousel with approved final assets.
The "Traditional, non-GMO, organic, custom blend" text appears below a large photo, causing it to get lost. Diana identified this as among the most important information on the page for prospective buyers.
"This is actually one of the most important bits and pieces of information for people to know." — Diana Henry
Fix: Move the "Traditional, non-GMO, organic, custom blend" callout above the photo / to a more prominent position earlier in the page flow.
Body copy font size varies across sections — some blocks appear larger than others at the same hierarchy level. This was confirmed to be a real inconsistency (not just a viewport scaling artifact).
Fix: Audit and normalize body copy font size across all sections.
The page had not been fully reviewed for responsive behavior across viewport sizes. Some elements appeared to scale unexpectedly.
Fix: Review responsiveness and ensure consistent rendering across desktop and mobile breakpoints.
Diana needs a short video tutorial from Eshock (the developer) explaining how to edit the page's image carousel. This is required before Didion can make their own copy/image updates (e.g., correcting "Arepa" pluralization). Diana is responsible for securing this from Eshock.
| Owner | Task | Due |
|---|---|---|
| Asymmetric (Eshock) | Reduce image sizes and compress white space | Monday |
| Asymmetric (Eshock) | Replace all FPO/watermarked hero images | Monday |
| Asymmetric (Eshock) | Move "Traditional, non-GMO, organic, custom blend" above photo | Monday |
| Asymmetric (Eshock) | Normalize body copy font size across sections | Monday |
| Asymmetric (Eshock) | Review and fix responsive behavior | Monday |
| Diana Henry | Obtain carousel editing tutorial video from Eshock | TBD |