Today’s Progress: Creating the Contact Page & Enhancing Visual Texture
Today’s work focused on two specific areas of the site:
- Laying the foundation for the Contact page
- Adding visual texture to some of the overly minimal images on the Home page
Contact Page Setup
I began structuring the Contact page by establishing a layout that’s consistent with the rest of the site’s design language. The following components were implemented or outlined:
- Breadcrumb navigation:
HOME / CONTACT - Primary heading: “CONTACT”
- Subheading: “CONTACT”
- Short description: “Two lines of explanatory text”
- Contact options: A set of checkboxes and horizontally aligned radio buttons
- Visual cue for required fields: A “ * ” label styled with a black background and white text for clear emphasis
While the page is not fully functional yet, the core structure is in place, and it now serves as a solid foundation for future styling and integration.
Revisiting Home Page Visuals: From Flat to Textured
The homepage photos felt too plain, visually clean, but lacking warmth and dimension. To address this, I experimented with overlaying light textures onto the images.
The process involved:
- Using Photoshop to apply watercolor-like overlays
- Adjusting
opacityto keep the textures subtle and non-distracting - Ensuring consistency across breakpoints so that images retain balance and readability on both desktop and mobile
The result gives the visuals a more organic and tactile feel, better reflecting the personality of the brand and product.
Looking Ahead
Tomorrow, I plan to shift focus to the Farm Stay page layout, something I wasn’t able to begin today. The goal is to outline a structure that communicates seasonal hospitality and the hands-on farming experience.
Even small adjustments like adding texture can significantly change the emotional impact of a design. Combined with structural progress on new pages, it feels like the visual identity of the site is starting to take shape in a more refined way.
Date: June 25, 2025
tags: portfolio, webdev, tailwindcss, nextjs, uiux