Khizer Javed's Work | ContraWork by Khizer Javed
Khizer Javed

Khizer Javed

Web Designer & Developer | Framer, WordPress & Shopify

    5.00
    Rating
    5
    Followers
Followed by Zuraiz Z, RamicTech S, and kozak B

Multan, Pakistan

WorkPostsReviewsServicesAbout

Multan, Pakistan

Cover image for š–šžš›š¬š¢š­šž š©š«šØš£šžšœš­ šœšØš¦š©š„šžš­šžš šŸšØš« šš
š–šžš›š¬š¢š­šž š©š«šØš£šžšœš­ šœšØš¦š©š„šžš­šžš šŸšØš« šš šŸš„šžšžš­ š¬šžš«šÆš¢šœšžš¬ šœšØš¦š©ššš§š². The company provides heavy vehicle servicing, repairs, fleet maintenance and 24/7 roadside support for transport operators across Australia. I designed the website in Figma and developed it using WordPress + Elementor focusing on a clean, professional layout with clear service sections, strong calls-to-action and an easy-to-navigate experience. šƒšžš¬š¢š š§: Figma šƒšžšÆšžš„šØš©š¦šžš§š­: WordPress + Elementor Need a website for your business? Get in touch through any of the channels below. šŸŒ š–šžš›š¬š¢š­šž: khizer-javed.framer.website (https://khizer-javed.framer.website/)šŸ“± š–š”ššš­š¬š€š©š©: +923289106179 šŸ“§ š„š¦ššš¢š„: khizerjaved139@gmail.com (mailto:khizerjaved139@gmail.com)
1
30
Cover image for AI can build a website
AI can build a website in minutes. But can it help you manage and grow it? I want to share a real experience from one of my projects because it changed the way I look at AI and website development. A client contacted me because she wanted a food blog website. She shared all her requirements with me. I told her I would first create a demo. Once she approved the design, we would build the actual website and functionality around it in her WordPress website. I created the demo using Google AI Studio and sent her the link. She loved it immediately and said, ā€œI really like it. Proceed with this one.ā€ Then she asked how I made the demo so quickly. I told her I used Google AI Studio. After that, she stopped replying. I followed up twice but got no response, so I assumed she wanted to try building it herself. About two weeks later, she came back but this time she was very frustrated. She had spent money on AI credits, connected her domain and recreated almost the exact same website. The design looked good but actually managing the website was becoming a problem. She was spending hours giving prompts to AI just to make small changes. Even adding or editing a food post was taking much longer than it should. So I rebuilt the same design in WordPress using Elementor and custom code where needed. I kept the design she liked but built the structure around how she would actually use the website. Now she can simply go to Posts ā†’ Add New, add her recipe, upload images and publish it. She can keep adding content without depending on AI every time she wants to make an update. SEO was also important because a food blog needs a proper content structure as it grows. Posts, categories and pages need to be organized properly so search engines can understand and discover the content. After everything was set up, she used the website and felt completely relieved. She thanked me several times and even apologized for not listening to me the first time. And honestly, I don't blame her. AI is incredibly powerful. I used it myself to create the demo much faster than I could have built it manually. But this project reminded me that creating a website and building a website that can actually grow are two different things. AI can create a great first version very quickly. But content management, scalability, SEO and the everyday experience of the person running the website still need proper thinking. AI helped me create the idea faster. Human experience helped turn it into something the client could actually manage and grow. That's my experience from this project. Have you ever seen an AI-built website look great at first but become difficult to manage later?
2
286
Cover image for š”š©š¬š­ššš šž š…šØšØš­š°šžššš« - š–šØš«ššš«šžš¬š¬ š–šžš›š¬š¢š­šž
š”š©š¬š­ššš šž š…šØšØš­š°šžššš« - š–šØš«ššš«šžš¬š¬ š–šžš›š¬š¢š­šž š‚ššš¬šž š’š­š®šš² Upstage Footwear is an online footwear store specializing in dance shoes for men and women along with accessories, exclusive products and sale items. š“š”šž š‚š”ššš„š„šžš§š šž The existing website had become difficult to maintain and was no longer performing as it should. It was built on an older theme using the Redux Framework which had become outdated and was no longer receiving the updates needed to keep the setup reliable. Over time, this contributed to performance issues, lagging and problems with the website's overall structure. Rather than continuing to patch the same issues, I recommended replacing the outdated theme with a cleaner and more flexible foundation. š–š”ššš­ šˆ šƒš¢š After reviewing the existing setup, I recommended rebuilding the website using Hello Elementor theme and Elementor page builder. The client approved the approach and I redesigned and rebuilt the website around the store's existing e-commerce requirements. š–šžš›š¬š¢š­šž š‘šžššžš¬š¢š š§ Reworked the website structure and redesigned key pages and sections to create a cleaner and more modern experience for the e-commerce store. š“š”šžš¦šž š‘šžš›š®š¢š„š Replaced the outdated Redux Framework-based theme with Hello Elementor giving the website a more flexible foundation for future development. š–šØš«ššš«šžš¬š¬ & š–šØšØš‚šØš¦š¦šžš«šœšž šƒšžšÆšžš„šØš©š¦šžš§š­ Rebuilt the website while maintaining the existing product structure and core e-commerce functionality required to run the store. š–šžš›š¬š¢š­šž šŽš©š­š¢š¦š¢š³ššš­š¢šØš§ Addressed issues associated with the outdated setup and improved the overall website structure, usability and maintainability. š‘šžš¬š©šØš§š¬š¢šÆšž šƒšžšÆšžš„šØš©š¦šžš§š­ Reworked the website across desktop, tablet and mobile to provide a more consistent experience on different screen sizes. š…š„šžš±š¢š›š„šž š–šžš›š¬š¢š­šž š…šØš®š§šššš­š¢šØš§ The new setup made it easier for the client to manage the website, make changes and continue improving the store without being tied to the limitations of the old theme. š‘šžš¬š®š„š­š¬ - Outdated Theme Replaced - Cleaner WordPress Foundation - Improved Website Structure - Better Conversions - Better Maintainability - More Enquiries The client was very happy with the result. What started as a website that had become difficult to maintain turned into a cleaner, more flexible WordPress and WooCommerce setup that gave Upstage Footwear a stronger foundation for the future.
0
188
Cover image for š€š›š«šØš³ šŒšžšš¢šš - š…š«ššš¦šžš« š–šžš›š¬š¢š­šž
š€š›š«šØš³ šŒšžšš¢šš - š…š«ššš¦šžš« š–šžš›š¬š¢š­šž šƒšžš¬š¢š š§ & šƒšžšÆšžš„šØš©š¦šžš§š­ Abroz Media is a creative web design agency focused on creating interactive and purposeful websites for brands and businesses. The client approached me to bring their brand direction, content and ideas to life in Framer with the goal of creating a professional website that clearly communicates their services and encourages potential clients to start a project. š“š”šž š‚š”ššš„š„šžš§š šž The goal was to turn Abroz Media's existing brand direction and content into a polished digital experience that felt creative while remaining clear and easy to navigate. The website needed to communicate their positioning, showcase their services and process, build trust through testimonials and guide visitors toward relevant calls to action. It also needed to provide a consistent experience across desktop, tablet and mobile. š–š”ššš­ šˆ šƒš¢š I developed the complete website in Framer focusing on responsive design, clear content structure, interactions and a consistent visual experience throughout the site. š…š«ššš¦šžš« š–šžš›š¬š¢š­šž šƒšžšÆšžš„šØš©š¦šžš§š­ Built the complete website in Framer based on the client's brand direction, content and requirements. š‘šžš¬š©šØš§š¬š¢šÆšž šƒšžš¬š¢š š§ Made sure the website adapts properly across desktop, tablet and mobile maintaining the intended layout and user experience on different screen sizes. šˆš§š­šžš«šššœš­š¢šÆšž š„š±š©šžš«š¢šžš§šœšž Implemented animations, interactions and smooth transitions to give the website a more engaging browsing experience without taking away from usability. š‚šØš§š­šžš§š­ & š’š­š«š®šœš­š®š«šž Organized the website sections to clearly communicate Abroz Media's services, process, positioning, testimonials and calls to action. š…š«ššš¦šžš« š‚šŒš’ & šŒššš§ššš šžš¦šžš§š­ Structured the CMS and content so the team could easily manage and update relevant website content within Framer. š‘šžš¬š®š„š­š¬ Professional Framer Website Clearer Service & Brand Positioning Responsive Across Devices Interactive & Engaging User Experience Easy Content Management Clear Calls to Action The result was a professional Framer website that turned Abroz Media's ideas and brand direction into a clear, interactive digital experience designed to communicate their value and guide visitors toward starting a project.
0
194