A Journey Through Our Website
Ecommerce

A Journey Through Our Website

Discover how our website changed after a major update. Fresh design, Magento 2.4.7, PWA technology, boosted SEO and much more. Explore now! 🚀

PROFSTEP Team3 травня 2024 р.9 хв читання

Ця стаття доступна лише англійською

A bit of behind-the-scenes

Our story isn’t just about writing code and creating designs; it’s about the purpose that unites us behind your screen. We believe that every line of code is the poetry of progress, reflecting the dedication we put into every task.

The backstage magic is not only about the external and internal changes but also about presenting the long-term story of our brand, which you can interact with and influence.

Curious what Changed? 

Before and After. Magento Website

Brand New Design

The most noticeable change on the ProfStep website is our completely revamped design, showcasing a fresh and modern look. We've paid attention not only to a design that highlights our refreshed brand but also to an attractive and intuitive interface.

The clean, updated layout allows users to find information quickly and effortlessly. With more images, bolder fonts, and a new color scheme, our website reflects the changes in our brand – marking a new chapter in our story. Moreover, our interface seamlessly adapts to any device, ensuring a smooth user experience.

We implemented a new design with a focus on UX and UI, considering the website's hierarchy and user interaction. Our approach was guided by understanding what captures users' attention, ensuring that the design reflects our brand essence. We've dedicated not one day to perfecting our website's design because it's the first impression users receive, influencing their decision to stay or leave.

And while not everyone will see what's behind good-looking pictures, we've still paid attention to the code, to implement high-standard technologies, so the strict and fair decider of the website's fate - Google, will like our website too.

Latest Magento version implementation - Magento 2.4.7.

The security of every visitor and customer is our team’s priority, that’s why we are committed to using the most secure and stable platform available. Rest assured, with Magento 2.4.7, your information is fully protected by the latest security protocols.

Moreover, keeping the platform updated prevents issues that could arise during customer use, ensuring a seamless process that is critical for the comfort of every visitor.

How did we achieve a 100 PageSpeed score?

UPWARD routing

If every search query feels like a maze, it needs a GPS: UPWARD routing ensures that the user gets exactly what’s needed, reducing the total loading time and increasing performance dramatically

Image Optimization

images are more than just pixels; they tell a story. We’ve focused on improving image loading speed so you can dive into the story they tell.

Web Pages without "Loading"

Angry for website reloading each time any change happens? Magento’s PWA studio helps to build a PWA e-commerce app that updates itself right in the runtime ensuring seamless navigation and reducing the time to reach your goals with us

Curious about PWA technology? Check out our  “PWA in simple words” post.

What's our secret to reaching a 100 SEO score?

Let’s take a look behind the Internet’s curtain to introduce you to what enhances the promotion of our updated website.

Cosmic metrics of the Profstep PWA Magento website on tablets Cosmic metrics of the Profstep PWA Magento website on mobile devices

Rich Snippets – juicy previews that make visitors want to learn more. Our team has started working on this to ensure not only your interest but also providing comprehensive and engaging information for you.

- The co-pilot of our website – meta tags , which help our site get enough attention, guiding search engines on what’s on each page.

Canonical URLs  – these addresses distinguish our content, ensuring it’s unique and unparalleled.

Our Challenges: 

Undoubtedly, no journey is without its challenges and difficulties, and we are no exception.

Performance and PWA Studio - The Saga of the Tricky Application

Optimizing PWA Studio was one of the first and most important challenges. The application was too cumbersome, but determination and a few cups of coffee completely shattered the bulkiness.

“Now it runs smoother than a developer’s machine during a demo”
joked Valerii, one of the developers.

Server-side routing with UPWARD was another complex task, so we meticulously developed a routing system, ensuring that every path would be efficient and error-free.

The Quest for Speed

Caching GraphQL was like troubleshooting a random failure in the middle of the night when every issue demanded immediate attention and swift solutions. The process of resolving data retrieval issues is undoubtedly useful and important.

Another detail was to optimize the JS - Webpack, by cutting unnecessary components into cubes. This was crucial for the website’s loading time.

“Now our packages don’t exceed a startup’s budget”
jokes Alex.

Exclusive CEO Interview - Development Insights

💡 Can you share some insights into the development process? Any challenges you encountered along the way?

“First and foremost, the most important aspect of work is consistency and a clear plan, because the outcome depends directly on how the team works together. The tech stack also plays a significant role.The main challenges we faced were SEO optimization and performance. Our goal was to bring the site to perfection for customers to be able to navigate it easily with low effort.”

🚀 Can you walk us through any unique technology or strategy incorporated into the website?

“We’ve started working on developing an exclusive solution for businesses - Magento SaaS, so stay tuned to be the first to know about updates.”

📝 Do you have any tips for Magento/PWA developers or advice for companies looking to implement them that you'd like to share?

“For developers, I’d emphasize the importance of performance optimization and user-centric design. It’s not just about the code; it’s about delivering a seamless experience. For companies, understanding your goals with PWA is key. Invest in skilled developers and stay updated with the latest trends to ensure your platform remains ahead of the curve.”

💭 What are the future plans or updates for the website?

“Our journey is just beginning, so there’s a lot of work to be done. In the near future, we plan to update the blog, expand the range of extensions, add new products for SaaS, and climb to the top ranks in search engines.”

💥 Any final thoughts?

“Always keep the end-user in mind.”

Check out our developers' interview about  Launch of New Website

Why We Did It? 

The main goal of the update was to create a space where you can feel at home: cozy, user-friendly, and highly useful. A place where you can find all the information you need and where you are valued and heard. You are an important part of our story, and staying connected with you is essential.

What’s next? 

From the first pixel to the last line of code, we’ve started creating a new page in our story.

We invite you to embark on an expedition through the updated website and find what’s worth your attention. We’re sure everyone will find something essential for their growth.

This isn’t the end of the chapter; the journey is just beginning. Welcome to our web world!

Website Development

Ecommerce: коротко про головне

Схожі статті