
Closed
Posted
Paid on delivery
## Project Title **Frontend UI/UX Design & HTML Conversion — SaaS Landing Pages (Tailwind CSS / Techwind Theme)** --- ## Project Description We are a Turkish EdTech SaaS company with a 12-year track record, serving 500+ institutional clients. We need a skilled frontend designer to create **two key landing pages** for our platform — a **Homepage** and a **Product Page** — using the **Techwind Tailwind CSS template** as the design foundation. ### What We Need **Page 1 — Homepage (Main Website Landing)** A modern SaaS homepage that positions our platform as a trusted, enterprise-grade solution for educational institutions. The page should communicate three core products (course automation, online exams, distance education), highlight 12+ years of experience and 500+ clients, and drive conversions (demo requests, contact). **Page 2 — Delta Kurs Otomasyonu (Course Automation Product Page)** A dedicated product landing page for our course management/automation product. This page should explain features, show UI previews, include pricing or CTA sections, and convert visitors into demo requests. ### Deliverables 1. **Figma Designs** — Pixel-perfect, desktop + tablet + mobile responsive designs for both pages. Organized layers, reusable components, proper typography and spacing tokens. 2. **HTML/CSS Conversion** — Clean, semantic HTML files built with **Tailwind CSS utility classes** based on the approved Figma designs. Must follow Techwind's existing patterns and component library. ### Design Foundation We use **Techwind v3.2.0** — a Tailwind CSS multipurpose template: - Theme preview: [login to view URL] - We will provide full access to the purchased Techwind template files (HTML source, assets, component library) - Your designs **must** use Techwind's existing UI patterns, components, and design language — not custom from scratch - Reference layouts from Techwind: `[login to view URL]`, `[login to view URL]`, `[login to view URL]` (we'll specify exact references upon start) ### Technical Requirements | Requirement | Detail | |---|---| | CSS Framework | Tailwind CSS (as used in Techwind template) | | No Bootstrap | Zero Bootstrap — Tailwind only | | No jQuery | Vanilla JS only where interaction is needed | | Responsive | Desktop, Tablet, Mobile — all breakpoints | | RTL-Ready | Layout must not break with RTL direction (Arabic support planned) | | Browser Support | Chrome, Firefox, Safari, Edge (latest 2 versions) | | Language | Page content will be in **Turkish** — we will provide all copy/text | | Icons | Remix Icon (included in Techwind) or Font Awesome 6.x | | Images | Use placeholders; we will replace with final assets | ### What We Provide - Licensed Techwind v3.2.0 template files (full source) - All page copy/text content in Turkish - Brand assets (logo, colors, product screenshots) - Wireframes or content outlines for both pages - Reference pages from Techwind we'd like to draw inspiration from - Feedback within 24–48 hours on each iteration ### What We Do NOT Want - Generic "agency template" look — this must feel like a real SaaS product - AI-generated filler images or stock photo overload - Heavy animations or unnecessary JS libraries - Any CSS framework other than Tailwind - Designs that deviate from Techwind's design system --- ## Scope & Milestones | Milestone | Deliverable | Payment | |---|---|---| | **M1 — Discovery & Wireframes** | Low-fidelity wireframes for both pages (Figma) | 15% | | **M2 — Homepage Figma Design** | High-fidelity responsive Figma design (Desktop + Mobile) | 25% | | **M3 — Product Page Figma Design** | High-fidelity responsive Figma design (Desktop + Mobile) | 20% | | **M4 — HTML/CSS: Homepage** | Responsive HTML using Tailwind/Techwind | 20% | | **M5 — HTML/CSS: Product Page** | Responsive HTML using Tailwind/Techwind | 15% | | **M6 — Final Revisions & Handoff** | Bug fixes, final polish, organized file delivery | 5% | **Estimated timeline:** 3–4 weeks **Revisions:** Up to 2 rounds of revisions per milestone included --- ## Required Skills - UI/UX Design (SaaS / Landing Pages) - Figma (component-based design, auto-layout, responsive) - Tailwind CSS (utility-first, not just "familiar with") - HTML5 / CSS3 (semantic, accessible markup) - Experience with Tailwind-based themes (Techwind preferred) - Understanding of SaaS conversion patterns (hero, features, social proof, CTA) ## Preferred (Bonus) - Experience designing for EdTech or B2B SaaS - Portfolio showing Techwind or similar Tailwind template customizations - RTL layout experience - Turkish language understanding (not required but helpful) --- ## How to Apply Please include in your proposal: 1. **2–3 relevant portfolio pieces** — SaaS landing pages or Tailwind-based designs 2. Your experience with **Figma + Tailwind CSS + HTML conversion** workflow 3. Estimated timeline and budget 4. A brief note on how you would approach designing a SaaS homepage for an educational platform
Project ID: 40381519
45 proposals
Remote project
Active 24 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
45 freelancers are bidding on average €453 EUR for this job

Hey, I will build your two SaaS landing pages Homepage and Delta Kurs product page using Techwind Tailwind CSS template with pixel-perfect Figma designs responsive across desktop tablet mobile then clean HTML/CSS conversion matching Techwinds components RTL-ready and conversion-focused for your EdTech brand delivered in 3 weeks with milestone handoffs. Check my portfolio: https://www.freelancer.pk/u/Hammadhassan21 Thanks for considering me!
€500 EUR in 7 days
7.3
7.3

Hi, I’m Marjan, a website & software developer with 16 years of experience and 4,400+ completed projects. I’ve worked on similar projects and can handle this efficiently. Let’s discuss the details to ensure everything is clear before starting. Once the scope is defined, I’ll begin right away.
€250 EUR in 7 days
6.7
6.7

Hi, I'll design and build both landing pages for your EdTech SaaS platform within the Techwind design system, pixel-perfect in Figma and converted to clean Tailwind HTML ready for production. I'll work through all six milestones starting with low-fidelity wireframes for both the Homepage and Delta Kurs Otomasyonu product page, then move into high-fidelity responsive Figma designs built with reusable components, proper spacing tokens, and typography that positions your platform as a trusted enterprise-grade solution. HTML conversion will follow Techwind's existing patterns and component library strictly, Tailwind only, zero Bootstrap, vanilla JS where needed, and fully responsive across all breakpoints. RTL readiness will be factored into the layout from the start so Arabic support integrates cleanly later without structural rework. The result will feel like a real SaaS product built for institutional clients, not a generic agency template. Portfolio examples of Tailwind-based SaaS landing pages and Figma workflow ready to share in chat.
€500 EUR in 7 days
6.2
6.2

As a seasoned programmer and developer with 7+ years of hands-on expertise in User Interface (UI) and Web Development, I am confident that my proficiency in a range of key languages (JavaScript, HTML5, CSS3), frameworks (React.js, Angular.js), and CSS libraries including Tailwind CSS will be immensely valuable for your project. Developing pixel-perfect, fully responsive and interactive landing pages is my passion, and I have successfully designed and converted multiple websites using the Techwind's Tailwind CSS for varying clients. To illustrate my proficiency, I can share some similar works that I've done recently which you can actually review on real-time. Such examples would provide an overview of how I can correlate Techwind's existing UI patterns with your unique brand story most effectively to create engaging experiences that drive conversions. Given my commitment to meeting client expectations alongside prompt iterations & updates, working together I believe we can make this project as smooth as possible. In conclusion, my depth of experience in UI/UX design & HTML conversion, strong familiarity with modern technologies like Tailwind CSS along with a track record of delivering projects akin to yours at the highest level make me confident in saying that we'd be perfectly suited for each other. Let's get on board together and create a reputable Türk SaaS product website - that showcases your enterprise-grade solution effectively to attract potential clients!
€250 EUR in 7 days
5.0
5.0

Hello There!!! ★★★★ (Design and convert high-converting SaaS landing pages using Techwind & Tailwind CSS) ★★★★ I understand you need 2 SaaS landing pages (Homepage + Product page) designed in Figma and converted into clean Tailwind HTML using Techwind system. Focus is on conversion, responsive layouts, RTL-ready and keeping design consistent with Techwind. ⚜ Figma UI/UX design (desktop, tablet, mobile) ⚜ Techwind-based design system usage ⚜ Tailwind CSS HTML conversion ⚜ SaaS conversion focused layout (CTA, trust, features) ⚜ Clean semantic code, no jQuery ⚜ RTL-friendly structure ⚜ Organized components & dev-ready files I have 5+ yrs exp in SaaS UI/UX and Tailwind projects, worked on landing pages with strong conversion flow. I will follow your wireframes, use Techwind components and build scalable clean UI with proper spacing and tokens. Would love to share portfolio and discuss timeline. Warm Regards, Farhin B.
€256 EUR in 10 days
5.3
5.3

✋ Hi There!!! ✋ The Goal of the project:- TO DESIGN AND DEVELOP HIGH CONVERTING SAAS LANDING PAGES IN FIGMA AND CONVERT THEM INTO CLEAN TAILWIND CSS USING TECHWIND TEMPLATE FOR MAXIMUM CONVERSIONS. I carefully reviewed your requirement for a structured SaaS homepage and product page using Techwind with strong focus on conversion, responsiveness, and clean frontend implementation in Tailwind CSS. I am confident I can deliver exactly what you are looking for because I specialize in SaaS UI systems and pixel perfect frontend builds. I am the best fit for this project because I focus on clean UI systems, conversion driven layouts, and precise frontend implementation aligned with design systems. Figma based responsive design for desktop tablet and mobile following SaaS UX standards Tailwind CSS conversion using Techwind components with RTL readiness and clean structure Conversion focused UI with strong CTA flow, demo sections, and product positioning I will provide UI design, database management, testing, and full source code delivery at project completion along with proper structure for easy future updates. I have 9+ years experience as a full stack developer and have built multiple SaaS landing pages and Tailwind based frontend systems with similar conversion goals. Looking forward to chat with you for make a deal Best Regards Elisha Mariam!
€251 EUR in 7 days
4.9
4.9

Hi, You need a conversion-focused SaaS landing page system built on Techwind that stays fully consistent with Tailwind UI patterns while improving clarity, trust, and demo conversions for an EdTech audience. I’ve designed and converted SaaS landing pages in Figma and HTML using Tailwind CSS, focusing on component-based architecture, responsive layouts, and clean design-to-code handoff workflows. My approach is to first map conversion flow (hero → trust → product value → CTA), build structured Figma components aligned with Techwind, then convert them into semantic Tailwind HTML with pixel-level consistency. How closely do you want the design to follow Techwind’s existing sections versus introducing slight layout improvements for higher conversion? I’m available to start immediately and can deliver both Figma + clean HTML/CSS within your milestone structure. Best Regards, Fizza Nadeem K
€500 EUR in 7 days
4.9
4.9

I can design conversion-focused SaaS landing pages for your EdTech platform using the Techwind Tailwind CSS system, including a modern homepage and a dedicated product page for Delta Kurs Otomasyonu, starting from structured Figma wireframes to pixel-perfect high-fidelity UI designs and fully responsive HTML conversion optimized for SaaS conversion (demo requests, lead generation, and enterprise trust positioning). Best regards, Shawana
€250 EUR in 12 days
4.5
4.5

**DO NOT PAY ME UNTIL I COMPLETE! :)** Hello my valuable client :) My profile is new over here but I have 7 years of experience in this field. I have completely understood about your project. Also I will provide you free maintenance on your project for 1 year after project completion. I can definitely complete this in your timeframe. Give me one chance to prove myself. Hit the chat button to get started. If you will not like my work then you dont need to pay me any money so dont worry and have faith in me :) I am eagerly waiting for your message.
€251 EUR in 7 days
4.5
4.5

i’ve done projects with premium brand on their landing page like apple recently, customizing Techwind Tailwind templates into SaaS landing pages with Figma → clean HTML flow. Are you expecting strict reuse of existing Techwind components or can we extend with custom utility classes? Do you have defined conversion goals like demo CTR or just visual polish? I suggest building reusable Figma components mapped 1:1 to Tailwind classes because it speeds dev and keeps consistency. I also suggest optimizing hero + CTA sections with clear hierarchy because it directly improves conversions. I will first create wireframes aligned with Techwind structure. Then design responsive Figma with components and tokens. Finally I will convert to clean Tailwind HTML, test RTL/responsiveness, and deliver ready files. Best, Dev S.
€250 EUR in 5 days
4.6
4.6

Hi, I can do this. With over 5 years of experience in UI/UX design and a strong focus on SaaS applications, I specialize in creating engaging landing pages using Tailwind CSS. I have successfully designed and converted multiple projects into responsive HTML, ensuring adherence to design systems like Techwind. For your project, I will deliver pixel-perfect Figma designs for both the Homepage and Product Page, followed by clean HTML/CSS conversion. My approach will emphasize your platform's strengths, utilizing effective conversion patterns to drive demo requests. I estimate a timeline of 3-4 weeks, aligning with your milestones. My portfolio includes relevant SaaS landing pages, showcasing my expertise in Tailwind-based designs. I look forward to collaborating on this project to create a compelling online presence for your EdTech platform. Best, Ashnasajid
€500 EUR in 3 days
4.3
4.3

Hello, I can handle this project end-to-end — from Figma design to clean Tailwind HTML conversion — using the Techwind system as a strict structural foundation while still ensuring the final output feels like a real, high-trust SaaS product rather than a generic template. I have strong experience working with Figma (auto-layout, components, responsive systems) and Tailwind CSS (utility-first builds, not just basic usage), along with converting designs into production-ready semantic HTML. I also understand SaaS conversion principles such as structured hero sections, trust signals (client count, years in market), feature clarity, and strong CTA placement, which are critical for your EdTech positioning. How I would approach your SaaS homepage I would start by mapping your three core products into a clear information hierarchy: hero section (positioning + trust), followed by structured product blocks (course automation, exams, distance education), then reinforce credibility with your 12+ years experience and 500+ clients. From there, I would build conversion-driven sections such as feature breakdowns, use cases for institutions, and strong demo/contact CTAs. The design would strictly follow Techwind’s component system while refining spacing, typography, and hierarchy to make it feel more enterprise-grade and less template-driven. Regards, SA.
€300 EUR in 7 days
4.7
4.7

Hello, I’ve carefully reviewed your brief for designing and converting the Homepage and Product Page using the **Techwind** foundation, and this aligns perfectly with my workflow. With 8 years of experience in SaaS UI/UX and Tailwind-based frontend development, I specialize in creating conversion-focused landing pages in Figma and translating them into clean, semantic HTML using utility-first Tailwind patterns without breaking the underlying design system. I’m comfortable working strictly within an existing component library, ensuring the final result feels like a real EdTech SaaS product rather than a generic template, while remaining fully responsive and RTL-ready. My approach starts with low-fidelity wireframes to map content hierarchy and conversion flow, followed by high-fidelity, component-driven Figma designs using auto-layout and reusable tokens aligned to Techwind’s spacing and typography system. Once approved, I convert designs into optimized HTML/CSS that follows Techwind’s structure precisely, with careful attention to accessibility, performance, and cross-browser consistency. I’ve worked on multiple SaaS and Tailwind theme customizations and can deliver both pages within your 3–4 week timeline with clean handoff and organized files. sushma
€250 EUR in 7 days
4.6
4.6

Hi, I'm Muaz — Frontend Developer and UI/UX designer with 6+ years of experience building SaaS landing pages in Figma and converting them to Tailwind CSS. My approach for your EdTech platform: Homepage hero positioned around trust signals — 12+ years, 500+ institutions, three core products clearly presented. Product page structured for conversion — features, UI previews, demo CTA. Both pages built strictly within Techwind's design system, not deviated from it. What I bring: ✅ Figma — component-based, auto-layout, desktop + mobile responsive ✅ Tailwind CSS — utility-first, zero Bootstrap, vanilla JS only ✅ Techwind template experience — I work within existing patterns, not against them ✅ RTL-ready layout from the start ✅ Cross-browser tested — Chrome, Firefox, Safari, Edge ✅ SaaS conversion patterns — hero, social proof, features, CTA done right Timeline: 3–4 weeks across all 6 milestones as outlined. Happy to share SaaS landing page portfolio pieces and Tailwind-based HTML conversion examples directly. — Muaz
€700 EUR in 15 days
2.9
2.9

Hello, Hope you are doing fine. I have designed SaaS landing pages using Tailwind CSS and Techwind theme. My portfolio includes B2B SaaS and EdTech projects (links in chat). I will create responsive Figma designs for Homepage and Product Page, then convert to clean HTML using Techwind components and Tailwind utilities. I understand Turkish copy, RTL-ready layouts, and conversion patterns.. I will deliver organized files and revisions. Let’s discuss your Techwind access and content in chat. Best regards, Md Ruhul Ajom
€250 EUR in 7 days
2.7
2.7

Hi, I’ve reviewed your SaaS landing pages requirement using Techwind and understand the need for structured, conversion-focused design aligned with your template system. I’ve worked on Figma-to-Tailwind workflows, creating reusable components and clean HTML while maintaining design consistency. My approach focuses on clear SaaS messaging, strong CTAs, and scalable UI within Techwind’s framework. Portfolio: https://www.freelancer.com/u/shahrukhh5 Do you already have wireframes/content hierarchy finalized for both pages? Should RTL layout be fully implemented now or just kept compatible for later? Best regards, SH
€400 EUR in 7 days
2.3
2.3

Hi, Your project is an excellent match for my experience in SaaS landing page design and Tailwind-based frontend development. I have worked on responsive websites for education platforms, software services, and business systems using Figma, Tailwind CSS, HTML5, and clean UI/UX structures. For your Homepage and Delta Kurs Otomasyonu page, I would first create low-fidelity wireframes, then design pixel-perfect responsive Figma screens using Techwind’s existing components and visual language. After approval, I would convert both pages into clean Tailwind HTML with proper responsiveness, reusable sections, semantic structure, and RTL-ready layouts. I understand the importance of balancing a professional SaaS feel with strong conversion elements like social proof, feature blocks, product screenshots, and CTA sections. I can complete the full project within 3–4 weeks and follow your milestone structure smoothly.
€250 EUR in 2 days
0.0
0.0

Most bids will show generic SaaS portfolio pieces without understanding what makes EdTech landing pages convert differently from typical SaaS homepages. Educational institutions dont buy like startups. Your visitors are school administrators and decision committees who need trust signals, proven track record, and clear ROI not flashy animations. 12 years and 500+ clients is your strongest conversion asset and it needs to hit within the first viewport not buried below the fold. My approach for both pages: hero section leading with credibility and a demo CTA, product sections using Techwind's existing component patterns not custom deviations, social proof positioned strategically before every conversion point, and clean responsive layouts across all breakpoints. RTL-ready structure from the start so Arabic support doesnt require a rebuild later. I work with Tailwind CSS and build clean semantic HTML without Bootstrap or jQuery dependencies. Figma designs with proper auto-layout, responsive variants, and organized components. The HTML conversion will follow Techwind's exact design system and utility patterns. Estimated timeline: 3 weeks following your milestone structure. Up to 2 revision rounds per milestone. I've designed and built SaaS-style websites and conversion-focused landing pages for business clients. Can you share the Techwind reference pages you want to draw from?
€500 EUR in 7 days
0.0
0.0

Ankara, Turkey
Payment method verified
Member since Aug 8, 2019
$250-750 USD
$250-750 USD
$250-750 USD
€250-750 EUR
$250-750 USD
$20 USD
₹12500-37500 INR
₹1500-12500 INR
₹12500-37500 INR
$25-50 USD / hour
₹500 INR
$250-750 USD
$15 CAD
$10-30 USD
$10-30 USD
$15-25 USD / hour
₹1500-12500 INR
₹75000-150000 INR
$750-1500 USD
₹600-1500 INR
$20 USD
₹12500-37500 INR
$750-1500 USD
$15-25 USD / hour
₹12500-37500 INR