Projects using HTML5 in KarachiProjects using HTML5 in KarachiPRESTORATIVE™ (Pacific Plant Nutrients)
I designed this website for an agricultural biostimulant brand that needed to earn trust from two very different audiences: growers who want application rates, and evaluators who want evidence. The goal was to make a technical product feel credible without leaning on bold marketing claims.
The hero states the idea plainly, "Feed the soil before it asks," and immediately splits visitors into two paths: "I grow, show me rates" and "I evaluate, show me the evidence." Each audience reaches what it needs in one click.
I used deep forest green, warm cream and an amber accent, pairing an editorial serif for headlines with monospace type for data. The result feels grounded and scientific rather than salesy.
Instead of vague benefits, the page is built on proof. It includes a crop-by-crop rate engine, an AI technical assistant that answers from product documentation, an evidence library with clear grading tiers, and a section that openly addresses the toughest objection buyers raise.
Every section moves the visitor from understanding to confidence, and ends with one clear action: design a trial. Tanta Chicago; https://www.tantachicago.com/ was built with a very different intention from a performance product site, but the same principle at its core: clarity, emotion, and a smooth path from curiosity to action.
Where KALA focused on precision and science, Tanta is about atmosphere, culture, and appetite. The website was designed to feel like an extension of the restaurant itself, warm, expressive, and inviting, while still staying clean enough that users never get lost.
The experience centers around one idea: when someone lands on the site, they should almost be able to “taste” what Tanta offers before they even book a table.
• A visually rich layout that highlights Peruvian cuisine, cocktails, and the restaurant’s energetic dining experience without feeling cluttered
• A storytelling-driven structure that blends food, culture, and hospitality, giving users a sense of place, not just a menu
• Clear pathways to action, making reservations and menu exploration feel effortless rather than forced
• Thoughtful use of imagery and spacing to let dishes and ambiance breathe, instead of overwhelming the user with too much at once
• A mobile first experience designed for real restaurant behavior, quick browsing, fast decisions, and easy booking on the go
• A design tone that reflects Tanta’s identity: vibrant, social, and rooted in authentic Peruvian dining culture
Overall, the goal was to translate the energy of a busy, high quality restaurant into a digital experience that feels alive but controlled, inviting users in, building appetite, and making the decision to visit feel natural rather than transactional.
If KALA is about performance and precision, then Tanta is about emotion and experience, both designed with the same discipline, just expressed differently. GVD Renovations — HTML to React Conversion
Overview
GVD Renovations is a kitchen remodeling business based in Sacramento, specializing in quality materials and expert installation. I was brought in to convert their existing static HTML landing page into a fully componentized React application — improving code structure and maintainability without changing the original design.
My Role & Contributions
✅ Broke down the static HTML markup into clean, reusable React components (Header, Hero, Services, Testimonials, Footer, etc.)
✅ Preserved the original design and styling exactly while restructuring the codebase for scalability
✅ Replaced static markup with component-driven architecture, making future content updates and edits far easier to manage
✅ Ensured cross-browser consistency and responsive behavior was maintained post-conversion
✅ Delivered clean, organized code following React best practices
Tech Stack
React · JavaScript · HTML5 · Tailwind CSS · Netlify (Deployment)
Outcome
A faster, more maintainable codebase that keeps the original look and feel of the site while making it easy for the client to scale, update, or extend the landing page going forward.
Live Preview https://gvdrenovations.netlify.app/ Poder Green Consulting
Website Design & WordPress Development
Project Type: Corporate Website
Industry: Renewable Energy & Consulting
Platform: WordPress
Website: https://podergreenconsulting.com/
Project Overview
Poder Green Consulting is a renewable energy and consulting company providing energy consultancy, sustainability solutions, energy management, grant writing, and workforce development services.
The project involved developing a professional corporate website to establish the company's online presence, communicate its expertise, showcase its services, and make it easier for potential clients to connect with its consulting team.
The website was designed to reflect the company's commitment to sustainability, professionalism, and innovation while providing visitors with a smooth and informative browsing experience.
Project Objectives
The primary objective was to create a professional website that effectively communicates the company's services and builds trust with potential clients.
Key objectives included:
Establishing a professional online presence.
Creating a modern and visually appealing website.
Showcasing consulting services and completed projects.
Improving website navigation and user experience.
Providing an easy way for visitors to book consultations.
Making company information and contact details easily accessible.
Ensuring mobile responsiveness and accessibility across devices.
Scope of Work
1. UI/UX Design
Designed a modern corporate website layout.
Created a clean and professional visual experience.
Structured website content for easy navigation.
Incorporated renewable energy imagery and relevant visual elements.
Designed clear calls to action to encourage client inquiries.
2. WordPress Development
Developed the website using WordPress.
Customized website layouts and page elements.
Implemented responsive design for mobile, tablet, and desktop devices.
Created dedicated pages for company information and services.
Integrated website forms and interactive elements.
3. Website Pages & Functionality
Home Page: Introduced the company, highlighted its services, and provided consultation booking options.
About Us: Presented the company's background, expertise, mission, and team.
Services: Showcased energy consulting, energy management, grant writing, and workforce development services.
Projects: Displayed completed projects and the company's experience in the renewable energy sector.
Locations: Provided office information and contact details.
Blog: Created a section for publishing industry insights and renewable energy articles.
Contact Us: Provided visitors with a convenient way to contact the company.
Consultation Booking: Integrated a form to collect information from potential clients interested in consulting services.
4. Responsive Web Development
Implemented responsive layouts for different screen sizes.
Optimized navigation for mobile devices.
Ensured consistent presentation across desktop, tablet, and mobile.
Designed user-friendly forms and interactive elements.
5. SEO & Performance
Implemented a search-engine-friendly website structure.
Organized content using appropriate headings.
Applied basic on-page SEO practices.
Focused on website usability and performance.
Optimized the website experience for different devices.
Key Features
Professional corporate website design
WordPress CMS
Responsive website layout
Service showcase
Project portfolio
Consultation booking form
Contact forms
Team member profiles
Office location information
Blog and industry insights
SEO-friendly content structure
Clear calls to action
Challenges & Solutions
Challenge 1: Communicating Complex Consulting Services
The company offers multiple services in the renewable energy sector. Presenting these services in a clear and understandable way was an important part of the project.
Solution: Organized the services into dedicated sections and pages, making it easier for visitors to explore the company's offerings.
Challenge 2: Building Trust and Credibility
As a consulting company, establishing credibility and communicating industry expertise were important website objectives.
Solution: Incorporated company information, team profiles, project showcases, and core business values to provide visitors with a better understanding of the organization.
Challenge 3: Simplifying Client Inquiries
Potential clients needed a convenient way to learn more about the company's services and request consultations.
Solution: Integrated consultation booking forms, contact information, and prominent calls to action throughout the website.
Project Outcome
The completed website provides Poder Green Consulting with a centralized digital platform to showcase its services, company expertise, team, and projects.
The website brings together essential business information, consultation booking functionality, and industry insights in a professional corporate design. It also provides a responsive browsing experience across different devices.
Technologies Used
WordPress
HTML5
CSS3
JavaScript
Responsive Web Design
WordPress Plugins
SEO Best Practices
Conclusion
The Poder Green Consulting website project focused on creating a professional digital presence for a renewable energy consultancy. By combining corporate website design, WordPress development, responsive layouts, and lead generation functionality, the project delivered a platform designed to communicate the company's expertise and support its business objectives. 
