Build a simple site from complete Figma designs

Hi Bubblers,

I have a project for a friends’ brewery. Only problem is I don’t have time to do it over the next weeks.

Figma - https://www.figma.com/design/w33TAlWFAcBS8GZP7I0Sgp/2M?node-id=0-1
Site so far here - 2M

I started it last year from a draft of the Figma, it’s so similar that you’ll definitely want to build on the current bubble project and not start from scratch.

Can you reply with a quote in £ for the whole project and an expected timeline

Thanks
Tim

1 Like

Hey @dev1 ,
Dropped you a message, awaiting your response! :smile:

Hey - don’t take this the wrong way, but I don’t really think Bubble is your best bet for this. To be honest, it’s overkill.

You could build this is an day in Framer for £8 a month and it will be better performing SEO than Bubble.

4 Likes

I agree with @alastairgwatson. It’s just a basic website. It doesn’t look like you would even use the database. It is definitely possible to do in Bubble but you would spend a lot of money on it to build and also it would be a larger monthly expense. SEO is easier on other site builders too. Honestly, you might be able to do a website using Google’s website builder, that is free. Then you only have to pay for your domain which could be as cheap as like $12 per YEAR.

  1. Google Sites: https://sites.google.com/ Free
  2. SquareSpace: Squarespace Pricing - All Pricing Plans – Squarespace $25/month
  3. Weebly: Weebly Pricing - Compare Website Builder Plans and Pricing $13/month
  4. Webflow: Plans & pricing | Webflow $18/month
  5. Wordpress: WordPress.com Pricing and Plans | Start Building Today $9/month

If they want still use Bubble, let me know and we can assist. I will send you a quote via DM. :blush:

4 Likes

Hi Tim

After reviewing the above Figma link of the website page UI design, I suggest the below technology for the website page backend functionality development which is the most secure and faster compared to the other one.

Frontend UI design: HTML, CSS, JavaScript, Bootstrap, Jquery
JavaScript Framework: Next JS, React JS
React JS using

  • Class & Function Components
  • Redux & Saga Frameworks
    API and web service development: RESTful API with Postman collection
    Website backend and web-based admin panel functionality development: PHP Laravel MVC Framework, Node JS
    Database: MySQL, Mongo DB
    Others: AWS, cloud services, Firebase, in-app purchase integration, 3rd party API integration like Payment gateway APIs, SMS & Call APIs, GPS location-based APIs, Social media login APIs
    Project Management tools: Jira, Trello
    Source Code Management tool: Gitlab

Let’s DM me here for a details discussion further.

Have you seen the FIGMA , brother. its simple why he would need custom code and other thigns.

Did you used AI to generate your response ?

5 Likes

:rofl: :rofl: :rofl: :rofl:

1 Like

Hi Tim

I just saw your post, How it would be if i can help I can build on the existing Bubble project and ensure it aligns with the Figma design.

At our Company, we help teams and people to boost specific result.

worth a conversation ?

Hi @dev1 , how are you?

I have looked over the figma and it is very straight forward and would not take more than a couple of days to get fully complete.

With SEO, I managed to get my own website (built on bubble and my own very basic understanding of SEO) to page #1 position #2 (after sponsored) for “No Code App Development Melbourne”. Someone with a much better understanding of SEO could most likely do heaps better.

My team and I can definitely help you with this one…

Our team consists of 4 highly skilled developers, talented branding and UX/UI specialists, and a passionate social media manager. We excel in no-code development, particularly with Bubble, and can bring your vision to life.

We also guarantee our work and stick to what was quoted after an extensive scoping session to make sure all parties are on the same page.

We’d love to discuss your project and collaborate to exceed your expectations in functionality and design. If you’re interested in exploring this partnership, please reach out to me at info@nocodecreations.com.au or visit us at https://no-code-creations.com.

Thank you :slight_smile:

Hi, Harsha from Optimal.dev here. We are a team of bubble certified developers with extensive experience in design and development, I’m confident we can help you out. You can check out our portfolio at https://optimal.dev/.

Let’s chat! Feel free to schedule a 15-minute consultation here: Calendly - Harsha Katapally

Syed Jarrar Haider
Bubble.io Developer with 2 Years of Experience

I specialize in creating powerful, scalable web applications using Bubble.io. With expertise in SaaS, MVP development, third-party API integration, responsive design, payment gateways, databases, and interactive UI/UX, I’m confident I can bring your project vision to life.

Expertise:

SaaS Development:
I build Software as a Service (SaaS) platforms, which are cloud-based applications that offer scalable, subscription-based services. I specialize in crafting efficient, user-friendly SaaS solutions that enhance business operations.

MVP Development:
Minimum Viable Product (MVP) refers to developing a product with core features that can validate an idea in the market quickly. I help startups and businesses launch MVPs, allowing them to test their concept, gather user feedback, and iterate efficiently.

Third-Party API Integration:
I integrate external APIs such as OpenAI, ChatGPT models, Whisper API, and various social media APIs to enhance your app’s functionality, allowing seamless communication between platforms.

Responsive Design:
I ensure that your app is optimized for all devices—PC, tablet, and mobile—offering users an engaging experience no matter the platform.

Payment Gateways:
Expert in Stripe integration for managing monthly and yearly subscriptions, allowing your app to easily monetize its services.

Databases & Workflows:
I design complex databases and workflows that ensure your app operates smoothly, handling large volumes of data and automating processes with ease.

Interactive & Attractive Designs:
I create visually appealing, user-friendly designs that captivate your audience and keep them engaged.

Past Projects:

An online reading system with over 250 leveled books, interactive quizzes, and AI-powered analytics for English learners. Teachers can set individualized goals and track student progress.

Brainnote.ai
A speech-to-text app powered by Whisper API and ChatGPT, automatically removing filler words and providing clean transcriptions. The app also allows users to adjust the tone, language, and length of their text.

Tender Wise
An app that uses OpenAI’s ChatGPT to score and provide feedback on tenders and bids. It also includes analytics graphs to visualize performance metrics.

I look forward to collaborating on your project, ensuring a smooth development process and delivering results that exceed your expectations.

Let’s build something amazing together!
Best regards,
Syed Jarrar Haider

I’m ready to take on this project and will ensure its completion within two weeks. If you’re interested in moving forward, please reach out to me via email.
Email - rahultailorjaipur000@gmail.com

Hello! :blush:

Can I have a permission to use your figma design for training please?

The design looks good, also there is a feature to explaining the beer when you clicked the beer card and it has a mobile design so I can pratice responsiveness

Hey! I’m Mehul. I am a No-code/ Low-code, AI and Automation expert, a certified Bubble dev and have been building applications scaled to millions of users on Bubble for the last 4.5 years for a clientele spanning solopreneurs, startups and enterprises. You can check my portfolio here:

Happy to discuss and see if we can work together.

Feel free to reach out to me over email - sethiamehul14@gmail.com or any of my socials below.

LinkedInTwitter/X