CultivateGPT is teaching me and my Instagram community how to best utilize AI in web design over the next 30 days.

Today is Day 8 and CultivateGPT wanted to teach us how to use ChatGPT to create a homepage wireframe.

Through a ChatGPT chat, I created 3 user personas (what I learned on Day 07 of the journey). I then asked ChatGPT to create a homepage wireframe based on these 3 user personas. 

In this cloneable, you can see the prompts I used, the wireframe ChatGPT suggested, and then the actual wireframe developed per ChatGPT's instructions.

Join the Journey --> instagram.com/thatwebflowgirl

Day 08 // Wireframe Test

CultivateGPT is teaching me and my Instagram community how to best utilize AI in web design over the next 30 days.

Today is Day 2 and CultivateGPT wanted to teach us how to create unique background images with just a few words.

Through Midjourney, I created these 4 images and I wanted to put them in an actual Webflow project to see how they would work. 

In this cloneable, you can see the prompts I used, the images Midjourney produced, and how I incorporated them into a real design on Webflow.

Join the Journey --> instagram.com/thatwebflowgirl

CultivateGPT // Day 02 - Midjourney Review

A CMS Component you can clone! 

✦ Page Number Pagination
✦ 1 Static Page
✦ 1 Category & 1 Articles CMS setup
✦ Built with the Client-First Webflow Style System
✦ Page Number Pagination implemented with Attributes

Client First Docs -> https://www.finsweet.com/client-first

Attributes Page Number Pagination Docs & Tutorial -> https://www.finsweet.com/attributes/cms-load

Tip: View the Published project to view the Pagination function. It doesn't work in the Designer Preview.

Page Number Pagination

A cloneable passion project for a social media agency where I used some fun illustrations from Meg Lewis.

✦ 1 Static Page
✦ Built in Client-First
✦ Includes a Style Guide
✦ Fun interactions and animations

✧ Visit my Instagram at ThatWebflowGirl for a walkthrough of this cloneable

✧ Illustrations from Meg Lewis on Playbook.com

notsosubtle

A cloneable that shows you how to create a Deboss Effect 

✦ 1 Section
✦ Built in Client-First
✦ Includes a Style Guide

✧ Visit my Instagram at ThatWebflowGirl for a walkthrough of this cloneable

deboss-effect

A Free Wireframe to Build a Strategic Homepage

✦ 9 Sections that you need on a Homepage
✦ Built in Client-First
✦ Follows the Storybrand Framework / Marketing Made Simple Structure
✦ Includes a Style Guide
✦ Includes a page that explains the purposes of each section 

✧ DM me on Instagram at ThatWebflowGirl if you have any questions!

twg-homepage-structure

CMS Component you can Clone!

> Load More functionality (load more under the previous collection items)
> 1 Static Page
> 1 Category & 1 Articles CMS setup 
> Built with the Client-first Webflow Style System 
> Load More implemented with Attributes 

Client First Docs -> https://www.finsweet.com/client-first/
Attributes Load More Tutorial Video -> https://www.finsweet.com/attributes/cms-load#tutorial

Tip: View the Published project to view the Load More function. It doesn't work in the Designer Preview.

Mikayla Luna