Coffee.pt. Portugal's coffee scene, curated.
Check
Website
Partnership
6 months
Services
User Research
Information Architecture
UX Design
UI Design
Editorial Design
WordPress Development
Deliverables
Deployed Website
Visual Identity System
Marketing Asset Library
Research Findings
Information Architecture Map
Figma Source Files
Engagement
Coffee.pt is a curated guide and e-commerce platform for Portugal's specialty coffee culture.
We built it on WordPress with a theme and a small set of plugins, covering discovery, reviews, browsing, and purchasing in one branded experience. The challenge was tying those flows together with a distinctive sense of Portuguese specialty coffee culture — and the result reads as a lifestyle platform, not a generic e-commerce site.
Editorial and Illustration Modules
Four content modules — shop reviews, city guides, blog, and illustration — built for Portugal's specialty coffee audience. Custom hand-drawn artwork replaces stock photography across articles and category pages.
Homepage for Content and Commerce
The Coffee.pt homepage pairs a blog teaser with a product catalog for home baristas and casual drinkers. Visitors choose between reading the latest articles or browsing coffee gear straight from the hero.
Blog Index with Category Filters
Coffee Blog lists articles from baristas, roasters, and food writers for home brewers researching techniques. A sidebar sorts posts into categories — Community, Culture now, Brewing guides, and Brew science.
Blog Post Page Template
Each Coffee Blog article template pairs a custom illustration with author name, role, and publish date. A numbered ingredient list — grounds ratio, scale, water, heat source — sits below the intro paragraph.
Tag Pages for Topic Browsing
The #simple-coffee tag groups articles like brewing without equipment or milk steaming into one archive page for readers browsing by topic. A City Guide preview below keeps city-based discovery one click away.
City Guide Directory by Location
City Coffee Guide organizes shop write-ups and articles by destination — Lisbon shows 24 coffee shops and 5 articles at a glance. Each city section previews its top three posts before a "See all" link.
City Guide Feed for Lisbon
The Lisbon page inside City Coffee Guide lists every shop review and brewing article tagged to the city for travelers and local coffee drinkers. Visitors scroll one feed instead of switching between separate blog and shop-review sections.
Numbered Coffee Shop Listicle
The "11 Best Coffee Shops in Lisbon" listicle template numbers each pick and pairs it with a mini shop card showing rating, price range, and tags. Readers jump from the list straight to a shop's full review.
Coffee Shop Review Template
Each Coffee.pt venue page, like Wish Slow Coffee House, pairs a Google rating, address, and photo gallery with a Q&A-style review for people deciding where to go. Hours, menu tags, and a map sit below.
Shop Page by Product Category
The Shop landing page splits Coffee.pt's catalog into Speciality coffee, Brewing accessories, and Commercial equipment tabs for home and professional buyers. Each card shows roast type, flavor notes, and an add-to-cart control.
Coffee Filtering by Origin and Flavor
Inside Speciality coffee, shoppers narrow results by origin, process, and flavor tags, then fine-tune by bitterness, acidity, roast, and body sliders. Sort and grind-type controls sit above a live product count.
Product Page with Brewing Guides
The Brazil Sitio Penha product page lists origin, altitude, farm, and process next to icons for four brewing methods – Chemex, Aeropress, Hario V60, Kalita. Trust badges sit above related products and blog mentions.
Coffee.pt shows how Flatstudio delivers e-commerce as one project – brand identity, product and interface design, and web development from research to a live site, with the content layer (blog, city guides) built in from day one. Already live?
We also run a Product Audit & Discovery to turn UX and technical friction into a Jira-ready action plan.
Ready to start your own project?
