THE <CODE> BOTTEGA

Ehehe

Uhuhu

Vue.js + AI productivity planner web application

Developed Forzeit, a sophisticated productivity web application that combines AI assistance with human coaching to create a comprehensive time management system. The application helps users optimize their weekly planning through smart templating and continuous AI feedback.

> A productivity power system made for planners: transforming how people manage their time through AI-enhanced week templating and personalized coaching.

## Technical Solution

Built a modern web application using:

- Vue.js for the frontend framework
- AI integration for smart assistance
- User authentication system
- Weekly planning templates
- Progress tracking and analytics
- Responsive dashboard design

## Core Features

### Smart Week Templating

- Efficient weekly planning system
- Template-based scheduling
- AI-powered optimization
- Quick setup (under 20 minutes)

### AI Assistant Integration

- Personal AI assistant (Ava)
- Continuous feedback system
- Performance analytics
- Adaptive improvements

### Unified Life Management

- Combined personal and work planning
- Goal setting framework
- Minimal daily dashboard
- Progress tracking

## Key Achievements

The application successfully delivers:

- 23% increase in weekly plan execution
- Under 20-minute weekly planning process
- Integrated life-work balance management
- Personalized onboarding experience

## User Impact

The platform helps users:

- Execute more effectively on weekly plans
- Save time in planning process
- Balance personal and professional goals
- Build better planning habits

## Onboarding Experience

Created a unique onboarding process where:

- Users join selective cohorts
- Personal onboarding with the founder
- Customized setup based on team size
- Tailored experience for different user types

> "Thanks to weekly feedback based on your own execution, within 1 month, the average user executes on 23% more of the week they set themselves"


Houzez WordPress theme customization and optimization

Took over a partially completed real estate website project and transformed it into a high-performing platform. The client approached me after another agency left the project unfinished, requiring significant cleanup and optimization work.

> The website was initially filled with template pages and unnecessary plugins, resulting in poor indexing and performance issues. The challenge was to transform it into a professional, SEO-optimized platform.

## Technical Intervention

### Cleanup & Optimization

- Removed template demo pages affecting SEO
- Eliminated unnecessary plugins
- Optimized images for web performance (converted to WebP)
- Improved overall site speed and performance

### Custom Development

- Enhanced Houzez WordPress theme with custom logic
- Created custom shortcodes for flexible content management
- Developed SEO-optimized blog with sidebar
- Built conversion-focused landing pages

### SEO Improvements

- Implemented comprehensive SEO strategy
- Enhanced domain rating
- Optimized content structure
- Improved indexing quality

## Results

The optimization efforts led to significant improvements:

- Website reached Google's first page for target keywords
- Increased active user base
- Enhanced site performance scores
- Improved domain authority

## Project Impact

The website transformation achieved:

- Professional and polished appearance
- Faster loading times
- Better search engine visibility
- Increased user engagement
- Improved conversion rates

> The project evolved from an unfinished template-based website to a fully optimized, high-performing real estate platform.


Real Estate Website Optimization

React Native app for wardrobe organization and color matching

Developed PopOfColour, a React Native mobile application that helps users organize their wardrobe and discover unique color combinations. Initially built with Expo, the project evolved to include native code for advanced image processing features.

> The challenge was to create an intuitive app that would make color matching effortless while incorporating complex features like ML-powered background removal and color picking.

## Technical Solution

### Core Technology Stack

- React Native (migrated from Expo)
- Custom Objective-C modules
- ML integration for image processing
- Native color picker implementation

### Advanced Features

- Background removal using Apple's ML model
- Custom color picker for image analysis
- Wardrobe organization system
- Color combination algorithm

## Key Features

### Smart Wardrobe Management

- Easy clothing upload and categorization
- ML-powered image processing
- Automatic color detection
- Outfit organization

### Color Matching System

- 200+ curated color combinations
- Daily color suggestions
- Smart outfit recommendations
- Style optimization

### User Experience

- Intuitive interface
- Quick outfit creation
- Personalized suggestions
- Wardrobe analytics

## Technical Challenges

### Native Integration

- Implemented custom Objective-C modules
- Integrated ML model for background removal
- Developed native color picker functionality
- Optimized image processing performance

### Migration from Expo

- Transitioned from Expo to bare React Native
- Maintained app performance
- Enhanced native capabilities
- Preserved user experience

## Results

The app successfully:

- Streamlines wardrobe organization
- Provides intelligent color matching
- Offers personalized style suggestions
- Helps users optimize their wardrobes


React Native Smart Wardrobe App

Vue.js + AI Time Planner Webapp

Customized Woocommerce + Dropzone.js + PDF.js

Transformed a manual Wix-based printing business into an automated e-commerce platform. The client was spending excessive time managing orders through a basic contact form system, requiring manual price calculations and payment tracking.

> The previous workflow required customers to upload documents and wait for manual quotes, creating delays and increasing the owner's workload. The challenge was to automate this entire process.

## The Challenge

The original process involved:

- Manual price calculations for each order
- Individual quote generation
- Manual payment tracking
- Time-consuming document review

## Technical Solution

Built a customized WooCommerce system featuring:

- Dropzone.js for intuitive file uploads
- PDF.js integration for automatic page counting
- Dynamic pricing calculator based on print specifications
- Automated order processing workflow

## Key Features

### Document Processing

- Instant file upload and preview
- Automatic page counting
- File format validation
- Multi-file handling

### Price Calculation

- Real-time pricing updates
- Multiple print options
- Quantity-based pricing
- Special options handling

### Order Management

- Automated order creation
- Instant payment processing
- Order status tracking
- Customer notifications

## Results

The new system successfully:

- Eliminated manual price calculations
- Reduced order processing time
- Improved customer experience
- Automated payment handling

## Business Impact

The automation led to:

- Significant reduction in manual tasks
- Faster order turnaround times
- Improved customer satisfaction
- Increased business efficiency

> "Transformed a time-consuming manual process into a streamlined, automated system that allows customers to place and pay for orders instantly."


E-Commerce Workflow Automation

Airbnb-style Multi-vendor Booking Platform

Developed a multi-vendor booking platform for The SkyRoom, an innovative glamping concept offering unique stargazing experiences across Italy. The platform connects glamping unit owners with travelers seeking immersive nature experiences.

> The challenge was to create an Airbnb-style marketplace that would allow both easy booking for guests and efficient management for hosts, while handling split payments between hosts and the platform owner.

## Technical Solution

Built a comprehensive booking platform using:

- Customized Homey WordPress theme
- Stripe Connect integration for split payments
- Multi-vendor management system
- Experience booking system
- Host dashboard

## Key Features

### For Guests

- Easy booking process
- Experience add-ons
- Secure payment handling
- Location-based search
- Transparent pricing

### For Hosts

- Property management dashboard
- Booking request handling
- Revenue tracking
- Experience management
- Automated payment splits

### Platform Management

- Automated commission handling
- Split payment processing
- Host verification system
- Experience moderation
- Dynamic pricing support

## Implementation Details

### Payment Processing

- Integrated Stripe Connect
- Automatic payment splitting
- Commission calculation
- Secure transaction handling
- Instant host payouts

### Booking System

- Real-time availability
- Experience bundling
- Dynamic calendar
- Automated notifications
- Booking management

## Results

The platform successfully:

- Streamlines booking process
- Manages multiple locations
- Processes split payments
- Handles experience bookings
- Provides host independence

> Created a seamless platform connecting nature enthusiasts with unique glamping experiences while automating all financial aspects of the business.


Multi-vendor Booking Platform for Glamping

Developed a custom WordPress theme for Snowball Creations, an 8 year old agency, specialising in paid media in Google, Facebook, LinkedIn and other major platforms for a variety of industries. Particularly SaaS, Homeware and Wellness. The project involved creating a high-converting website while preserving significant existing organic traffic.

> The agency's previous website had strong SEO performance but poor conversion rates and no longer reflected their brand evolution. The key challenge was modernizing their digital presence without disrupting their established organic traffic.

## Solution

I developed a hybrid solution combining:

- Custom WordPress theme built with \_tw for complex sections
- Elementor integration for content management flexibility
- Comprehensive SEO migration strategy

## Technical Implementation

The development process focused on several key areas:

### Custom Theme Development

- Built a custom theme using \_tw framework
- Integrated Elementor for 90% of page layouts
- Optimized for performance and flexibility

### SEO Migration Strategy

These are the main things I looked out for when launching the new site design:

- **External Links**: Use tools like Ahrefs/SEMrush/Search Console to ensure external links point to valid pages. Set up redirects for any broken links.
- **Internal Links**: Crawl the site to check for pages with error (404) or redirect (301) status codes. Avoid unnecessary redirects for efficiency and check that URLs remain consistent across old and new sites.
- **Search Console**: Verify that indexed URLs bringing traffic are present on the new site, or set up redirects to the new URLs.
- **Performance**: Ensure images are optimized for size to avoid slow loading times.
- **Tracking Tags**: Ensured that all tracking tags (e.g., Google Tag Manager, Facebook pixels) were not impacted by the new design.
- **Final Crawl**: After the site launch, crawl the new site again to ensure all pages have a 200 status, and there are no issues with meta descriptions, page titles, or structured data.

## Results & Feedback

The new website successfully:

- Maintained existing organic traffic
- Significantly improved conversion rates
- Better represented the agency's current positioning
- Provided easy content management for the client

> "Linda did an amazing job with the website. We had SEO driving a lot of traffic to the old site but getting nothing back in return. Now, thanks to Linda's work, we're converting at an above average rate and driving great revenue from our marketing!"


WP Website for Paid Ads Agency

Featured Projects

Tracking offline conversions can be challenging, but combining Zapier with Pipedrive creates a powerful automation that helps you understand your full customer journey. In this guide, I'll walk you through the process of setting up this integration step by step.

## Why Track Offline Conversions?

Before diving into the setup, let's understand why tracking offline conversions is crucial:

- Measure the true ROI of your marketing campaigns
- Understand which online channels lead to offline sales
- Optimize your ad spend based on complete conversion data
- Connect online behavior with offline purchases

## Prerequisites

Before starting, ensure you have:

- A Zapier account
- A Pipedrive account
- Admin access to both platforms
- Your offline conversion events identified

## Step-by-Step Setup

### 1. Prepare Pipedrive

First, we need to set up Pipedrive to receive the conversion data:

1. Create a custom field in Pipedrive called "Lead Source"
2. Set up deal stages that match your offline conversion points
3. Ensure your deals have unique identifiers

### 2. Configure Zapier

Now, let's create the Zap:

1. Log into Zapier
2. Click "Create Zap"
3. Choose Pipedrive as your trigger app
4. Select "New Deal" or "Updated Deal" as your trigger event


THE
CODE
BOTTEGA

Forzeit

Pop Of Colour App

The SkyRoom

Affitti.ch

Snowball Creations

Stampa Documenti

How to setup Zapier + Pipedrive Offline Conversions

Got an interesting project? Tell me more...

Linda Pozzato | The Code Bottega | Web Developer

THECODEBOTTEGA