Create a modern, premium, responsive website for a digital career preparation platform called “NextHire.id”. BUSINESS CONCEPT: NextHire.id is a digital career preparation service for university students, fresh graduates, and young professionals aged 20–27. The platform helps users prepare for digital recruitment through ATS-friendly CV creation, LinkedIn optimization, CV revision, and career consultation. The website should feel like a real startup/product website, not a school project. Use a clean, professional, youthful, trustworthy visual identity. DESIGN STYLE: - Modern SaaS/startup aesthetic - Minimalist but visually engaging - Professional and premium - White/light background with dark navy text - Use blue/purple accent colors sparingly - Rounded cards and buttons - Soft shadows - Subtle gradients - Clean typography such as Inter, Manrope, or Plus Jakarta Sans - Responsive for desktop, tablet, and mobile - Use smooth scrolling and subtle hover animations - Add small micro-interactions to buttons and cards - Avoid excessive decoration NAVIGATION: Logo: NextHire.id Menu: Home Layanan Simulasi Karier Cara Kerja Harga Tentang Kami Right side: “Mulai Simulasi” primary CTA “Masuk” secondary button ================================================== 1. HERO SECTION ================================================== Headline: “Your Next Career Starts Here.” Subheadline: “Siapkan CV yang ATS-friendly, optimalkan personal branding, dan tingkatkan kesiapanmu menghadapi rekrutmen digital.” Primary CTA: “Mulai Simulasi Gratis” Secondary CTA: “Lihat Layanan” Add a visual mockup on the right showing: - ATS Score: 87/100 - CV Match: 92% - LinkedIn Profile: Strong - Career Readiness: 84% Add small trust statement: “Designed for students, fresh graduates & young professionals.” ================================================== 2. PROBLEM SECTION ================================================== Title: “Sudah apply banyak lowongan, tapi belum mendapat panggilan?” Create 3–4 cards: “CV Tidak ATS-Friendly” Many CVs look attractive visually but are difficult for Applicant Tracking Systems to read. “Personal Branding Belum Kuat” Recruiters increasingly check LinkedIn and digital presence. “Tidak Tahu Apa yang Kurang” Applicants often do not know whether their CV, experience, or keywords match the position. “Persaingan Semakin Tinggi” More candidates compete for the same opportunities. Use statistics-style visual elements but DO NOT fabricate numerical statistics. ================================================== 3. MAIN FEATURE — CAREER SIMULATION ================================================== This is the most important interactive section. Title: “Simulasikan Kesiapan Kariermu” Subtitle: “Cari tahu seberapa siap CV dan profilmu menghadapi proses rekrutmen.” Create an interactive multi-step simulation. STEP 1 — Choose Career Stage Options: - Mahasiswa - Fresh Graduate - Young Professional STEP 2 — Choose Target Position Dropdown/search input: - Accountant - Financial Analyst - Auditor - Marketing - Business Analyst - HR - Data Analyst - Other STEP 3 — Upload CV Create an upload box: “Upload CV kamu” “PDF / DOCX — maksimal 5 MB” Also provide: “Lanjut tanpa upload CV” STEP 4 — Add Profile Information Inputs: - Education - Years of Experience - Skills - Certifications - Internship Experience - LinkedIn Profile URL STEP 5 — Simulation Result After clicking “Analyze My Career Readiness”, display an attractive dashboard. Show: ATS SCORE 87/100 CAREER READINESS 84% PROFILE MATCH 92% Then create a circular/radial score visualization. Show sections: ✓ Strengths - Relevant education - Good technical skills - Internship experience - Clear career direction ⚠ Areas to Improve - Add measurable achievements - Improve CV keyword matching - Strengthen LinkedIn headline - Add relevant certifications Then show: “Your CV is strong, but there are still opportunities to improve your chances.” CTA: “Improve My CV” Secondary CTA: “Get Professional Consultation” IMPORTANT: The simulation must be functional on the frontend. Use mock/demo scoring logic if there is no backend. Make the score dynamically change based on the user's inputs rather than displaying a static result. ================================================== 4. SERVICES SECTION ================================================== Title: “Everything You Need to Get Career-Ready” Create 4 premium service cards: 1. CV ATS “Create an ATS-friendly CV designed for modern recruitment systems.” Button: “Explore CV ATS” 2. LinkedIn Optimization “Build a stronger professional presence and make your profile easier to discover.” Button: “Optimize LinkedIn” 3. Career Consultation “Get personalized guidance for your career preparation and personal branding.” Button: “Book Consultation” 4. CV Revision “Get professional feedback and revisions to improve your existing CV.” Button: “Revise My CV” ================================================== 5. HOW IT WORKS ================================================== Title: “From CV to Career-Ready in 4 Steps” Step 01 “Tell Us About You” Complete your basic career profile. Step 02 “Analyze” Our system evaluates your CV and career readiness. Step 03 “Improve” Get personalized recommendations. Step 04 “Apply with Confidence” Use your optimized CV and professional profile. Use a horizontal timeline on desktop and vertical timeline on mobile. ================================================== 6. ATS CV ANALYZER PREVIEW ================================================== Create another interactive product preview. Title: “Is Your CV Ready for ATS?” Add a CV upload component. After upload, show: ATS Compatibility 87% Keyword Match 82% Readability 91% Structure 88% Then display recommendations. Include a disclaimer: “Simulation results are for guidance and do not guarantee recruitment outcomes.” ================================================== 7. PRICING ================================================== Create simple pricing cards. STARTER CV ATS - ATS CV creation - Basic CV optimization - 1 revision PRO CV + LINKEDIN - ATS CV - LinkedIn optimization - 2 revisions - Basic career consultation PREMIUM CAREER READY - ATS CV - LinkedIn optimization - Multiple revisions - Career consultation - Personalized career strategy Use Indonesian Rupiah pricing and make the pricing easy to edit later. Highlight PRO as: “Most Popular” ================================================== 8. TESTIMONIALS ================================================== Create 3 testimonial cards. Use realistic placeholder testimonials but clearly mark them as demo content if this is a prototype. Example: “Setelah revisi CV, saya jadi lebih tahu bagaimana menunjukkan pengalaman saya dengan lebih profesional.” ================================================== 9. FAQ ================================================== Questions: “Apakah CV yang dibuat sudah ATS-friendly?” “Siapa yang cocok menggunakan NextHire.id?” “Apakah saya harus fresh graduate?” “Bagaimana proses revisi CV?” “Apakah simulasi menjamin saya lolos recruitment?” For the last question: “No. The simulation provides an indicative assessment and recommendations. Recruitment decisions remain with employers.” ================================================== 10. FINAL CTA ================================================== Large section: “Ready for Your Next Opportunity?” “Jangan hanya mengirim CV. Pastikan CV-mu benar-benar merepresentasikan kemampuanmu.” Button: “Mulai Simulasi Gratis” ================================================== 11. FOOTER ================================================== NextHire.id “Your career preparation partner.” Links: Layanan Simulasi Harga Tentang Kami FAQ Social media: Instagram TikTok WhatsApp LinkedIn ================================================== FUNCTIONAL REQUIREMENTS ================================================== Make the website interactive. Required interactions: - Navigation scrolls to sections - CTA buttons work - Career simulation works - Career stage selection works - Target position selection works - CV upload works visually - Analyze button generates dynamic demo results - Scores update based on user inputs - Recommendations change depending on score - Pricing buttons work - FAQ accordion works - Responsive mobile navigation - Smooth animations - Form validation - Loading state during simulation - Results can be reset using “Try Again” For the simulation, create a simple scoring algorithm: Base score = 50 Add points: +10 if education is completed +10 if relevant skills are entered +10 if internship/experience exists +10 if certifications exist +5 if LinkedIn URL is provided +5 if CV is uploaded Cap score at 100. Generate recommendations dynamically based on missing inputs. Example: If LinkedIn URL is missing: “Add your LinkedIn profile to strengthen your digital professional presence.” If experience is missing: “Highlight internships, projects, organizational experience, or relevant coursework.” If skills are missing: “Add 5–8 relevant technical and soft skills.” IMPORTANT UX: The simulation should feel like a real career assessment tool and should be one of the main selling points of NextHire.id. Use Indonesian language throughout the website, while keeping the brand name and selected English phrases such as “Your Next Career Starts Here.” Make the final website polished enough to be presented as a startup/business prototype.
PPT PROJECT KEWIRAUSAHAAN.png 
PPT PROJECT KEWIRAUSAHAAN (1).png