K-wood

Furniture Assembly and Manufacturing

UI/UX & Elementor

about the project

K-WOOD is a company specializing in the production and assembly of solid wood furniture. This project involved designing and developing their first website to establish an online presence and attract more clients. The goal was to create a user-friendly, visually appealing site that highlights the company’s services, portfolio, and professionalism, enhancing its brand visibility in the competitive market.

Project goal

Before the project, K-WOOD had no online presence, making it difficult for potential customers to find information about their services or contact them. The existing competition in the furniture and carpentry industry had poor websites or lacked proper online marketing strategies. This presented a challenge and an opportunity to create a site that would set K-WOOD apart from its competitors.

Problem statement

The primary goal of the project was to design a professional, easy-to-navigate website that would showcase K-WOOD’s services, completed projects, and expertise. The site needed to reflect the company’s craftsmanship and precision while being accessible across devices. Additionally, the project aimed to strengthen the company’s online visibility, streamline customer communication, and drive new business opportunities.

role

I was responsible for all stages of the process – from client requirement analysis to design and implementation.

tools

Miro, Figma, WordPress/Elementor, ChatGPT, HTML/CSS, Jitter, Google PageSpeed Insights, GA4

timeline

December 2023 – May 2024

Research

I analyzed the local market for furniture assembly services in the Lower Silesia region. Despite the large number of competitors, very few had a professional online presence, and many websites lacked detailed information about the services offered. Some companies used identical templates without adding meaningful content. Social media, a potential client magnet, was underutilized by most competitors.

Competitor Analysis

Explored the highly competitive market of wood furniture assembly services in Lower Silesia. Most companies lacked a professional web presence, and many used the same generic templates, missing detailed service information. Additionally, very few leveraged social media effectively.

Business Model Canvas

Mapped out K-WOOD’s value proposition, customer segments, key activities to ensure the website aligned with the company’s business strategy. This framework helped clarify the company’s strengths and opportunities for growth.

User Personas

Created proto-personas to represent K-WOOD’s target audience. These personas guided design decisions to ensure the website was user-centric and addressed the real needs of potential customers.

Customer journey map

Empathy map

Information Architecture

user flow

wireframing

Using pen and paper, later Figma, I created low-fidelity wireframes to visualize the placement of content, navigation, and key elements, ensuring a clear user flow. The wireframes focused on simplicity, highlighting essential features like the service sections, portfolio gallery, and contact information. These early drafts allowed us to iterate and refine the user experience before moving into high-fidelity designs.

Visual Design

I focused on giving K-WOOD a modern and consistent look. I began by refreshing the logo, ensuring it aligned with the company’s values—professionalism and craftsmanship. The color palette incorporated natural tones like rich browns and deep greens to emphasize the connection to woodwork. For typography, I chose a clean, readable font with a subtle elegance to convey trust and precision. Finally, I translated these elements into high-fidelity designs in Figma, which showcased the final layout and visual aesthetics of the website.

logo refresh

OLD VS NEW LOGO

colors

typography

high fidelify design

Hi-Fi designs gave a realistic view of the user experience, showing how each visual element would come together in a responsive and polished interface. The designs followed an 8px grid system, ensuring consistency and alignment across the entire website. These high-fidelity designs were a near-final representation of the website, helping the client visualize the end result with precision.

Prototype

I transformed the designs into interactive models to simulate the website’s flow and functionality. This allowed the client to experience the site and provide feedback on usability before full development.

Development

I started by installing and configuring essential WordPress plugins to lay the foundation for the site. From there, I built out key functionalities like a gallery to showcase projects, an FAQ section, and a contact form with file upload capabilities. This project pushed my limits, showing me that everything is possible with the right tools and approach, while ensuring the website was fully functional and user-friendly.

functionalities

interactions

I focused on bringing the website to life through interactive elements. I created engaging interactions, including hover effects, smooth scroll, and dynamic content loading. Each feature was carefully implemented to enhance user experience without sacrificing performance.

Testing and Optimization

After development I conducted thorough testing to ensure the website’s functionality, performance, and user experience were up to par.

We focused on:

  • Mobile Responsiveness: Ensured seamless design and functionality on various devices.
  • Performance Optimization: Improved loading times and optimized media files.
  • Bug Fixing: Addressed any functionality issues.
  • User Testing: Gathered feedback to refine the site’s usability.

Finally, continuous monitoring was set up to track performance post-launch, allowing for further optimization as needed.

launch

The launch phase marked the culmination of all development and testing efforts. After final approvals, we proceeded to:

  • Go Live: The website was deployed and made publicly accessible.
  • Domain and Hosting Configuration: We ensured proper setup and connection between the domain and hosting provider.
  • SEO Optimization: Implemented basic SEO practices, including meta tags and keyword optimization.
  • Post-Launch Monitoring: Tracked site performance, resolved any emerging issues, and ensured smooth user experiences from day one.

    This phase represented the final transition from concept to a fully functioning, public-facing website.

Conclusion

This project was a journey of growth and learning, highlighting the importance of user-centered design and effective communication with the client. By addressing the needs of K-WOOD and implementing a functional website, I gained valuable insights into project management and no-code development. As I look ahead, I’m excited about the potential for future enhancements and the lessons learned will undoubtedly inform my upcoming projects.

What's next for the project?

With the core of the website in place, the next steps include continuous content updates, adding a blog to enhance SEO, and potential future integrations such as e-commerce functionality. This will help K-WOOD expand its online presence and better engage with customers.

What did I learn?

This project reinforced the importance of balancing design and functionality. I learned how vital it is to deeply understand a client’s industry and target audience, ensuring the website serves both aesthetic and practical purposes. The project also helped me refine my skills in no-code development with Elementor, pushing the boundaries of what can be achieved within such a tool.

would I do different?

I would allocate more time for user testing and feedback gathering earlier in the process. This would help identify potential UX improvements before launch. Additionally, I would streamline the design and development timeline by improving my workflow, particularly in implementing plugins and creating custom elements.

thanks for checking my work