0
Skip to Content
Brain Butter Creative
About
Blog
Contact
Brain Butter Creative
About
Blog
Contact
About
Blog
Contact
Low-fi wireframes were created within Adobe XD to establish the initial landing page structures. View fullsize
Sometimes notes on a lo-fi wireframe help communicate what some of the elements within the wireframe are. View fullsize
Hand drawn lo-fi wireframes are a quick and dirty way of getting the site structure established quickly. View fullsize
A grayscale wireframe mockup of a webpage layout, showing various sections including header, banners, image placeholders with icons, text blocks, buttons, and video thumbnails. View fullsize
A grayscale wireframe of a social media webpage with a logo at the top, a large rectangular banner placeholder, several lines representing text, a video placeholder, and smaller sections for additional content, links, and profile icons at the bottom. View fullsize
A wireframe of an e-commerce webpage layout with sections for a logo, navigation bar, product image, product details, add to cart button, featured products with images and buttons, and footer links. View fullsize
Sample e-commerce website homepage layout with a logo, navigation bar, large featured image placeholder, six product listings with 'Add to Cart' buttons, and footer section with links and icons. View fullsize
Wireframe of an online shopping website with a large header image, four product listings with images, description, and 'Add to Cart' buttons, a FAQ section with dropdowns, and footer with links. View fullsize
A grayscale wireframe of an e-commerce website product page layout showing placeholder images, text blocks, and 'Add to Cart' buttons. View fullsize
Low-fi wireframes were created within Adobe XD to establish the initial landing page structures.
Sometimes notes on a lo-fi wireframe help communicate what some of the elements within the wireframe are.
Hand drawn lo-fi wireframes are a quick and dirty way of getting the site structure established quickly.
A grayscale wireframe mockup of a webpage layout, showing various sections including header, banners, image placeholders with icons, text blocks, buttons, and video thumbnails.
A grayscale wireframe of a social media webpage with a logo at the top, a large rectangular banner placeholder, several lines representing text, a video placeholder, and smaller sections for additional content, links, and profile icons at the bottom.
A wireframe of an e-commerce webpage layout with sections for a logo, navigation bar, product image, product details, add to cart button, featured products with images and buttons, and footer links.
Sample e-commerce website homepage layout with a logo, navigation bar, large featured image placeholder, six product listings with 'Add to Cart' buttons, and footer section with links and icons.
Wireframe of an online shopping website with a large header image, four product listings with images, description, and 'Add to Cart' buttons, a FAQ section with dropdowns, and footer with links.
A grayscale wireframe of an e-commerce website product page layout showing placeholder images, text blocks, and 'Add to Cart' buttons.
⬆︎ 
hello@brainbuttercreative.com
BrainButterCreative © 2025