Hi! My name is Omar Farook, I am a multidisciplinary designer & tech entrepreneur. 👋
Currently building 3 startups:
👉 Glorify.com - A VC-backed SaaS design tool startup 👉 Together.Design - A productized UI/UX service platform 👉 Blitzit.app - a personal productivity tool that keeps you in flow state
This is my journey. I'll be sharing my entire process; the wins, losses and overall learnings as I go.
✅ Looking for practical steps to build a tech startup from scratch? This channel is perfect for you!
Multidisciplinary Founders who acquire skills that ranges from design, marketing, team leadership and tech setup are the ones that can truly bootstrap a startup from scratch with minimal resources to profitability. I've successfully crossed big milestones by doing this and I've seen others do it too.
📋 Topics I'll cover: SaaS growth, UI/UX design, user research, tech stack, SEO, paid advertising, VC funding and a lot more!
If you like what you see, go ahead and subscribe 🤙
Thanks Omar! Great video! I've noticed that when you open a new tab, there's a page which has all your frequent apps or links, may you share which extensions or browser you use?Thanks
Hi Omar! Had a question - This website on phone lists all the products one below the other. Is there a way so that it only shows the first product and the other come on swiping it, like their carousel functionality? Amazing video btw!
Hello Omar, this video is very helpful. I think I will start here on FIGMA. I have no experience whatsoever. However, I have determination and a solid idea. If possible, I would really appreciate getting in contact with you!
Switching tools can really transform your workflow! I recently found BlogHandy for managing my blog, and it's been a game-changer. It integrates seamlessly with various platforms, making blogging a breeze without the usual design and technical headaches. If you're looking for a new tool to enhance your web design experience, BlogHandy might just be what you need!
Hi Omar Check your emails! we've built an integration solution for Framer and Shopify... can we do affiliate program? we are offering some amazing extra cool stuff there.
As someone who has barely any coding knowledge, it would take a lot to tear me away from Elementor (free version). It seems to do everything that Framer does, but with much more creative control and 3rd party integration.
Wow! Huge fan man!!!! I was meant to meet you a while ago in a small meet up put together by Ash Ali (author of The Unfair Advantage). But it clashed with something else important . Hopefully the stars will align again soon!
Hi Omar! I am here to ask if you have extra work or need a UI/Ux designer and Framer expert please hire me! I am willing to work with you, nice video btw ❤️
🎯 Key points for quick navigation: 00:00 *🎨 Naim, co-founder of Archetype, asked Omar to create a simple ebook download page using Framer.* 00:40 *📄 Omar recommends using Framer's pre-made layouts and form components for a quick, cost-effective solution.* 00:54 *💻 The tutorial is for those transitioning to Framer to create beautiful sites fast without design skills.* 01:37 *🔄 Framer's workflow allows users to create responsive landing pages quickly, suitable for all devices.* 02:33 *📱 Framer's primary size and child size relationships ensure easy property changes across devices.* 03:16 *🖼️ Using Framer’s pre-made sections provides flexibility and better customization for landing pages.* 04:12 *⚙️ Understanding parent-child relationships in Framer helps optimize design properties across different breakpoints.* 05:08 *✍️ Changes made in the primary size carry over to child sizes, but not vice versa, allowing for exclusive adjustments.* 06:12 *🎯 Adding sections like hero, feature grids, and testimonials enhance the landing page’s effectiveness.* 07:12 *🚀 A strong call-to-action section at the end of the landing page is crucial for conversions.* 08:22 *✒️ Customizing content, including images and text, is straightforward in Framer’s interface.* 09:54 *🔄 Adjusting text properties and image fits improves the visual appeal and responsiveness of the landing page.* 12:14 *🛠️ Glorify, a design tool founded by Omar, helps create ebook mockups and graphics for the landing page.* 13:15 *🎨 Using Glorify's brand kit and mockup library, Omar designs an attractive ebook cover.* 16:17 *🖼️ Adding the ebook cover and using Unsplash integration for images enhances the landing page visually.* 18:20 *🔧 Switching out logos and adjusting spacing ensures a balanced, clean design for the landing page.* 20:42 *🌆 Using an abstract background image from Unsplash can make the ebook section visually appealing without interfering with the text.* 21:27 *🎨 Adjusting text color and button styling to stand out ensures a high-converting call-to-action.* 22:34 *📱 Ensuring proper spacing and fill settings across different screen sizes enhances the mobile responsiveness of the landing page.* 23:16 *🔧 Adding padding uniformly around sections maintains a consistent look and feel.* 24:00 *💾 Using FormSpark for lead capture allows easy lead management and integration with other platforms via Zapier.* 24:55 *📥 Setting up the form to redirect to a download link or a dedicated download page ensures ebook delivery upon form submission.* 26:07 *📄 Creating a dedicated download page with a download button provides an alternative method for ebook distribution.* 28:24 *📧 Integrating email autoresponders like MailChimp for ebook delivery via email enhances the lead capture process.* 29:06 *🎥 Adding animation effects to elements can make the landing page more engaging and visually dynamic.* 31:08 *👀 Testing animations and responsiveness across different devices ensures a seamless user experience.* 33:14 *🌐 Setting up a custom domain and adding analytics code like Google Analytics or Facebook Pixel helps track and optimize campaign performance.* 34:26 *🏷️ Ensuring the site has a title and description improves its shareability and SEO performance.* 34:53 *🖥️ The final product is a fully responsive, functional landing page with animations and a lead capture form, suitable for all devices.* Made with HARPA AI
Yes but you loose separate pages for specific categories which isn’t as good for SEO. With a component all categories will be on a single page, and there won’t be any targeted keyword oriented categories for different pages.
Great video and very insightful, thank you for taking the time to put it together. SEO is still very important for many customers and I noticed that this was not mentioned for either platform. Do you have any experience of the SEO abilities on both platforms?
Hey Farooq, thank you very much. You have no idea how helpful your content is. I have a question; do you use framer pages as landing pages for your marketing campaigns or do you use landing page builders like unbounce and leadpages? I am stuck on what works best.
Thank you for all ! The only issue that I see is that you can use this tutorial to sell 'one size and on one quantity' product, so I really hope that framer is going to move in the ecommerce direction.. because it's pretty limited for now. Please let me know if anyone have any suggestion/solution for 'quantity' and 'size' issue.
i just looked at framer i immediately understood how to use the platform. because its so similar to figma im still learning webflow i might lean towards framer. ill learn both since webflow isn't as limited as framer