The newsletter design journey began with a hand-drawn sketch that mapped the overall flow, including headline placement, featured image areas, and clear sections for promotions, recipes, and events. This early concept emphasized a vertical reading path to guide the viewer naturally from top to bottom.

The next phase transitioned to a digital wireframe, constructed on a 6-column grid for responsive adaptability. This stage refined spacing, alignment, and hierarchy, ensuring that key calls-to-action such as “Take Advantage” or “Try Now” were positioned prominently for both desktop and mobile users.

The final product brought the wireframe to life with Tre Fichi’s branding, rich imagery of olive oil, fresh ingredients, and Mediterranean-inspired colors. Typography was selected for readability, with bold headlines contrasted by lighter body text. Interactive elements, such as social media icons, FAQs, and chat links, were incorporated to encourage engagement. Required elements, including unsubscribe and preferences links, were positioned in compliance with email standards.

Tools Used: Adobe Illustrator, Adobe Photoshop, Balsamiq
Role: Visual Designer, Layout Specialist, UX Designer

The website began with a pencil sketch that established the layout structure — a hero image carousel, three main content blocks for offers, products, and recipes, plus footer areas for rewards, social media, and contact information. This stage was about exploring flow and proportion before any design polish.

The wireframe phase transitioned to a digital 12-column grid system, defining the exact placement of each element while ensuring consistency and alignment. This included clear navigation at the top, prominent call-to-action buttons, and a dedicated space for testimonials and contact forms. The grid approach ensured a flexible and responsive design that could adapt across various devices.

The final website comp layered in Tre Fichi’s brand elements, vibrant product photography, warm color palettes, and clean typography. The hero carousel displayed featured offers and news, while the bottom sections provided easy access to rewards programs, social links, and an intuitive contact form. The design aimed to strike a balance between elegance and usability, creating a seamless shopping and browsing experience.

Tools Used: Adobe Illustrator, Adobe Photoshop, Balsamiq
Role: Visual Designer, Layout Specialist, UX/UI Designer