01
Discovery & Architecture
Asset Assessment
I evaluate your existing materials (sitemaps, copy, imagery, brand guidelines) and identify if you require custom graphics or AI-generated high-fidelity assets. All files are organized cleanly in a shared Google Drive.
Competitor Analysis
I review your market competitors to ensure my design mathematically outperforms them. We also establish a clear, mutual direction for the site’s look, feel, and design sophistication.
Sitemapping
I map out your page structure using a simple Google Doc. No convoluted mapping software—just a lightweight, easily editable document where we can collaborate without friction.
02
Content First
AI-Assisted Copywriting
Designing around placeholder text inevitably triggers costly redesigns later. Based on your raw bullet points or rough notes, I generate structured, SEO-optimized copy for every page.
Structural Planning
I finalize the narrative flow and section structures directly within our shared document. This guarantees the final layout is tailor-made to fit your actual message.
02
Functional Prototyping
Live Wireframing
I move immediately into Webflow. Using the FLO framework, I build a structural, black-and-white prototype utilizing your actual, finalized copy and dynamic CMS data.
Real-Environment Testing
From this early stage, you can navigate your site on any device (desktop to mobile). I test content lengths and user flows in a live, responsive environment, allowing me to adjust the architecture before any aesthetic styling is applied.
03
High-Fidelity Visual Design
Visual Overhaul & Asset Creation
I apply the aesthetic layer—defining typography, color palettes, and UI elements globally. All custom and AI-generated assets are finalized and integrated during this stage.
Rapid Iteration
Because the foundation is already built, design changes apply globally in minutes. I begin with one initial homepage concept. If it needs adjustment, I explore up to two new directions based on your feedback.
Live Adjustments
Once the direction is locked, the FLO architecture allows for incredibly fast, live iteration—often executed directly during our calls. (Please note: While I welcome reasonable, rapid iterations, cyclical redesigns of already approved sections will trigger my standard hourly rate, as outlined on my Pricing Page).
05
Technical Polish & Launch
Custom Modules
I integrate up to three standard, pre-existing JavaScript modules (e.g., advanced filtering, complex sliders) at no extra cost. (Note: Completely bespoke, custom-coded applications are quoted separately).
Interactions
I implement scroll animations and highly refined micro-interactions to bring the static design to life.
Launch
Final QA, SEO checks, and deployment to your custom domain.
