Winner of Contra’s 2024 Creators Tools Challenge, Learn How I Transformed a Vision Into an Award-Winning Brand Experience Using Kittl + Framer.

Combining my Kittl Expert and Framer Expert skills, I embarked on a comprehensive branding and web development project for a fictitious client, Boho Plants. This project highlights the power of using Kittl for branding and Framer for web development, showcasing a seamless blend of creativity and technical expertise.

Boho Plants embodies the essence of contemporary minimalism and sustainable living. As a provider of indoor plants and botanical accessories, Boho Plants sought a branding identity that seamlessly fused simplicity with sophistication, catering to a modern audience with an appreciation for eco-consciousness.

The project encompassed the conceptualization and execution of a comprehensive branding package, including logo design, typography selection, color palette development, the creation of mockups, and a fully functional website with a blog and a coming soon shop page created in Framer. Emphasizing a minimalist but warm aesthetic, every element was meticulously crafted to reflect the ethos of Boho Plants.

👀 Important Note: 👀 This was a complex project with many steps, to make it fun and easier to read I've written the following user case as if it were a recipe for creating a successful brand and website.

Kittl for branding

Figma for web design

Framer for web development

Creativity and passion for design

Attention to detail

Two logo variations (Primary and Secondary)

Typography selection

Color palette

Six mockups showcasing brand application for Product Packaging, Business letterhead design, Business Label, Tote Bag Design

1. Created a new project in Kittl.

2. Created a Moodboard of Inspiration to test different color palettes and fonts.

3. Created the main logo and an alternative logo

4. In a few minutes created beautiful mockups thanks to Kittl's easy-to-use "Mockup" feature.

Kittl offers an intuitive design experience, enabling the creation of precise and stylish brand identities. Its robust features and user-friendly interface make it perfect for cohesive branding.

Check out the final branding for Boho Plants 👇

Used Figma to enable precise control over layout and design elements, ensuring a professional design and making any needed design changes before moving into the final phase which was to create the website in Framer.

1. Created a new project in Figma.

2. Upload the brand elements (logo, hex codes for the brands colors, elements, images, etc).

3. Defined 3 pages for the site:

Homepage: Designed an informative homepage with a clean layout and contact form.

Blog: Structured a simple blog for easy navigation and readability.

Coming Soon Shop Page: Highlighted the excitement that the shop is coming soon and showcased a sneak peek of several products.

Development: Brought the Figma designs to life, creating fully functional and responsive pages for the homepage, blog, and shop.

SEO Optimization: Optimized titles, page descriptions, thumbnails, and favicons for search engines.

Content Creation: Crafted engaging blog posts and website copy to inform and attract visitors.

Framer seamlessly integrates design and development, allowing me to produce responsive, high-performance websites with no code and less time than what it could take with other platforms.

Kittl and Framer are a dynamic duo for creating stunning branding and high-performance websites. Kittl’s design prowess and Framer’s development capabilities enabled me to craft a polished, professional project for Boho Plants, demonstrating the immense potential of these tools. Dive into the world of Kittl and Framer and elevate your projects to new heights! 🚀🌿

Check out the Boho Plants Website here: https://boho-plants.framer.website/