share

How to Build Your Own Portfolio Website in Minutes with AI !

Portfolio Website Prompt for ChatGPT

You are an Al assistant tasked with creating a detailed prompt for a modern look portfolio website. Your job is to gather information from the user by asking a series of questions, and then use their responses to craft a comprehensive prompt for the website design. First, you will ask the user the following questions one by one. After each question, wait for the user's response before moving on to the next question. The questions are: 1. What is your full name? 2. Can you provide a brief personal bio? 3. What is your educational background? Please include degrees, institutions, and years of graduation. 4. Can you describe your work experience? Include job titles, companies, and dates of employment. 5. What are your primary skills and areas of expertise? 6. Do you offer any specific services (e.g., UI/UX design, web design)? If so, please describe them. 7. Have you completed any notable projects? If yes, please provide brief descriptions. 8. What contact information would you like to include on your website? 9. Do you have any preferences for the color scheme or overall style of the website? After gathering all the responses, you will find them in the following variable: Now, use the information provided in the user responses to create a detailed prompt for the modern look portfolio website. Follow these guidelines: 1. Start with a brief introduction summarizing the person's background and main focus and person profile picture. 2. Outline the structure of the website, including suggested sections (e.g., Home, About, Portfolio, Services, Contact). 3. For each section, provide specific details on what content should be included, based on the user's responses. 4. Suggest design elements that would complement the user's profession and style preferences. 5. Include any specific requirements or preferences mentioned by the user. Present your final output in the following format: <portfolio_prompt> [Your detailed prompt for the modern look portfolio website goes here] </portfolio_prompt> Remember to craft the prompt in a way that gives clear direction for creating a visually appealing and professional portfolio website that accurately represents the user's background, skills, and services.

portfolio prompt

<portfolio_prompt> Create a modern, professional portfolio website for Sujit Parekh, a motion graphics and graphic designer specializing in multimedia visual content as well as web and app UI/UX design. The website should have a light theme with a clean, minimal, and modern look, emphasizing Sujit’s creative and technical expertise. Include a professional profile picture on the homepage. Website Structure & Sections: 1. Home: o Hero section with Sujit’s name, title (“Motion Graphics & Graphic Designer | UI/UX Designer”), and a short tagline highlighting his creative expertise. o Profile picture prominently displayed. o Call-to-action buttons linking to Portfolio and Contact sections. o Optional animated or subtle motion graphics background to reflect his design and motion graphics skills. 2. About: o Brief personal bio summarizing his background, specialization, and certifications in graphic design and animation. o Educational background:  Secondary & Higher Secondary Education – G.S.E.B.  ITI in Data Entry Operations  Certifications in graphic design and animation, specialized training in Toon Boom o Work experience highlights with timeline or card format, including roles at:  Fancall Pvt. Ltd. – Motion Graphic Video Developer & UI/UX design (2020–2022)  MeriCity Solutions Pvt. Ltd. – Motion Graphic Video Developer & UI/UX design (2019–2020)  SNEH Publication – Motion Graphic Video Developer (mid-2019)  Arena Animation – Animation & Graphic Design Faculty (2015)  UMA School of Animation – Animation production & teaching (2016–2018)  Gayatri Info Multimedia – Educational software & multimedia design (2009–2014) 3. Skills & Expertise: o Graphic & Visual Design: Logos, branding, social media creatives, banners, posters, infographics. o Motion Graphics & Animation: 2D animation, explainer videos, promotional videos, animated ads. o UI/UX Design: Website & mobile app design, wireframes, user-centric layouts. o Digital & Multimedia Content: Video editing, multimedia presentations. o Tools & Technologies: Adobe Photoshop, Illustrator, Premiere Pro, Toon Boom, other animation software. o Teaching & training experience in design and animation. 4. Services: o Graphic design: Logo & brand identity, posters, banners, brochures, social media creatives, infographics. o Motion graphics & animation: 2D animations, explainer videos, promotional videos, animated ads, educational videos. o UI/UX design: Website & mobile app UI, wireframes, visual layouts, responsive designs. o Multimedia & video: Video editing, post-production, corporate & promotional videos, multimedia presentations. o Training & teaching: Graphic design, animation, motion graphics, multimedia software education. 5. Portfolio / Projects: o Showcase notable web projects:  purohitnamkin.com – Website design & layout  digitaldost.online – Website design & front-end visuals

Design a complete 5-page website for my business using HTML. Make it look modern, clean, and professional. give it unique designs and make sure the design beats my competitors Business name: [YOUR BUSINESS] LA Estate • What I do: [YOUR SERVICES] Sell Real Estate In Jaipur • Who I serve: [CUSTOMERS YOU SERVE] People who want to buy or sell a house • Main goal of the site: [GET LEADS/BOOK CALLS / SHOWCASE WORK] SEO keywords: [KEYWORD 1. KEYWORD 2, KEYWORD 3] Real Estate Services Jaipur, Jaipur relator, Jaipur Real Estate Build these 5 pages: • Home – Hero with headline + CTA, trust strip, 3 key benefits, services preview, testimonials, about preview, final CTA • About – Story, mission, what makes me different, CTA • Services – Service grid with descriptions, how-it-works steps, FAQ, CTA • Listings (portfolio/products/properties) – Card grid with Unsplash images, filter bar, CTAS • Contact Form (Name, Email, Phone, Message), contact info, map, social links Header: Sticky, logo + nav (Home, About, Services, Listings, Contact) + Contact CTA button + mobile menu Footer: Logo, quick links, contact info, socials, copyright I Requirements: •Modern, clean design – you pick the colors, fonts, and style that fit my business best Fully mobile responsive All links and buttons work • Unsplash images that fit my niche

Create a new Menu for pages created for this design. Make sure to also set the home page. 1. I want you to take this design and convert it for the elementor page builder for wordpress. Make sure to use the native elementor elements and not HTML widgets. Use the container and not inner sections. Also i have disabled the atmoic editor, do not use the atmoic elements. We have installed novamira plugin to help you understand how to use elementor elements better. 2. Next Use XPRO to design the create the header and footer. This plugin allows you to build a custom header and footer with elementor. Do not use the Elementor pro widgets, use the elements provided by XPRO Make sure to save the header and footer template in the XPRO library so i can customize them later. 3. Use WPforms as the contact form for the contact page. can you now convert this website and push it to my domain connect https://wpgeekhub.online

Enter your text here…

Image

analyse the attached website design mockup and give me a detailed prompt to create the website with all the sections mentioned in menu except (financing and blog). make sure the layout, font, color and vibe remains the same for all the section

Website Prompt

Build me a complete, single-file premium headphones landing page called 'JavaGoat JavaGoat' with the following: Dark theme (#0a0a0a background, gold accent #DFB920) using Space Grotesk + Inter fonts from Google Transparent fixed nav with logo left, links right (Architecture, Acoustics, Support, Pre-Order in gold) Full-viewport hero with two stacked <video> elements that swap on mouseenter/mouse leave (files: headphones.mp4 / headphones1.mp4), cinematic typewriter animation writing 'Deconstruct' then 'Sound. with a blinking gold cursor, followed by a paragraph, then a 'Reserve Yours' pill button and a right- side HUD panel with pulsing gold dots (Spatial Audio / Lossless Playback / Active Cancellation) button and HUD fade in only after typing completes Gold marquee banner scrolling award text – 3-column feature cards (hover lift + gold border) for Bespoke Acoustics, Absolute Silence, Limitless Battery Split specs section – left side spec list, right side circular div that reveals a looping video (headphones.mp4) on hover Minimal footer All JS inline: video swap, typing sequence, specs circle hover. No frameworks."* The key things that make a prompt generate complete code in one shot are: Name every file (headphones.mp4, headphones1.mp4) so nothing is left ambiguous Specify exact hex values for colors upfront – Describe JS behaviors explicitly not "cool animation" but what triggers what List every section in order with content Say "single-file, no frameworks, inline JS" so there's no ambiguity about structure

Prompt Video

Build me a complete, single-file premium headphones landing page called 'JavaGoat JavaGoat' with the following: Dark theme (#0a0a0a background, gold accent #DFB920) using Space Grotesk + Inter fonts from Google Transparent fixed nav with logo left, links right (Architecture, Acoustics, Support, Pre-Order in gold) Full-viewport hero with two stacked <video> elements that swap on mouseenter/mouse leave (files: headphones.mp4 / headphones1.mp4), cinematic typewriter animation writing 'Deconstruct' then 'Sound. with a blinking gold cursor, followed by a paragraph, then a 'Reserve Yours' pill button and a right- side HUD panel with pulsing gold dots (Spatial Audio / Lossless Playback / Active Cancellation) button and HUD fade in only after typing completes Gold marquee banner scrolling award text – 3-column feature cards (hover lift + gold border) for Bespoke Acoustics, Absolute Silence, Limitless Battery Split specs section – left side spec list, right side circular div that reveals a looping video (headphones.mp4) on hover Minimal footer All JS inline: video swap, typing sequence, specs circle hover. No frameworks."* The key things that make a prompt generate complete code in one shot are: Name every file (headphones.mp4, headphones1.mp4) so nothing is left ambiguous Specify exact hex values for colors upfront – Describe JS behaviors explicitly not "cool animation" but what triggers whatEnter your text here…

Translate »