Carpenter Studio
Carpenter Studio
Carpenter Studio
about
about
FIKKA is a proffessional carpenter workshop located in Warsaw. They combine a traditional craftsman approach with modern technologies. The more complicated project the better.
FIKKA is a proffessional carpenter workshop located in Warsaw. They combine a traditional craftsman approach with modern technologies. The more complicated project the better.
The problem
The problem
I was asked to redesign the old website. The previous website failed to deliver a seamless experience on mobile and tablet devices, leading to poor usability and reduced conversions. The projects created by the FIKKA workshop were not showcased with the attention and emphasis they deserved, resulting in a lack of engagement and failing to attract new clients.
I was asked to redesign the old website. The previous website failed to deliver a seamless experience on mobile and tablet devices, leading to poor usability and reduced conversions. The projects created by the FIKKA workshop were not showcased with the attention and emphasis they deserved, resulting in a lack of engagement and failing to attract new clients.
The challenge
The challenge
I received a brief from the owner of Fikka Studio, outlining a clear vision for the website's look and feel. The main challenge was to present all the necessary information, along with images of completed projects, on a single page without overwhelming the user. The design needed to maintain a minimalistic, black-and-white aesthetic while ensuring the content was engaging. My task was to find a balance between showcasing the projects effectively and preserving the clean style of the brand.
I received a brief from the owner of Fikka Studio, outlining a clear vision for the website's look and feel. The main challenge was to present all the necessary information, along with images of completed projects, on a single page without overwhelming the user. The design needed to maintain a minimalistic, black-and-white aesthetic while ensuring the content was engaging. My task was to find a balance between showcasing the projects effectively and preserving the clean style of the brand.
The Design
The Design
The Design
The main projects
The main projects
The main projects
I was tasked with highlighting a few of Fikka's most notable projects, which the studio takes great pride in. Each project was accompanied by a brief description to help users better understand the concept and design approach behind it. To create a strong first impression for potential clients, I designed a full viewport-height carousel featuring high-quality images of these projects. To ensure users wouldn’t miss the rest of the content, I set the carousel to autoplay and made the navigation arrows highly visible, allowing for smooth exploration while maintaining the minimalistic aesthetic.
I was tasked with highlighting a few of Fikka's most notable projects, which the studio takes great pride in. Each project was accompanied by a brief description to help users better understand the concept and design approach behind it. To create a strong first impression for potential clients, I designed a full viewport-height carousel featuring high-quality images of these projects. To ensure users wouldn’t miss the rest of the content, I set the carousel to autoplay and made the navigation arrows highly visible, allowing for smooth exploration while maintaining the minimalistic aesthetic.
The remaining projects
The remaining projects
The remaining projects
For the remaining projects, I used a tabbed layout to efficiently display a large number of images while minimizing the space required. This approach allowed users to easily navigate through different categories without overwhelming the page. I also ensured that the tabs were fully responsive on mobile devices. To build user trust, I made sure to display the logos of companies that have previously collaborated with FIKKA. This not only highlights FIKKA's credibility but also reassures potential clients by showcasing the workshop’s established partnerships with reputable brands.
For the remaining projects, I used a tabbed layout to efficiently display a large number of images while minimizing the space required. This approach allowed users to easily navigate through different categories without overwhelming the page. I also ensured that the tabs were fully responsive on mobile devices. To build user trust, I made sure to display the logos of companies that have previously collaborated with FIKKA. This not only highlights FIKKA's credibility but also reassures potential clients by showcasing the workshop’s established partnerships with reputable brands.
The project process
The project process
The project process
To ensure users are familiar with the collaboration process, I included a clear step-by-step section. It guides potential clients through each phase of working with FIKKA, providing transparency and helping them understand what to expect from the partnership. This approach enhances trust and makes the process feel approachable and organized.
To ensure users are familiar with the collaboration process, I included a clear step-by-step section. It guides potential clients through each phase of working with FIKKA, providing transparency and helping them understand what to expect from the partnership. This approach enhances trust and makes the process feel approachable and organized.
Introducing the FIKKA team
Introducing the FIKKA team
Introducing the FIKKA team
I also made sure to introduce the team behind all the amazing projects. By showcasing the people who bring the studio's vision to life, FIKKA becomes more relatable and personable, rather than another anonymous company. This human touch not only builds credibility but also strengthens the connection between the studio and potential clients, making the brand feel more authentic and trustworthy.
I also made sure to introduce the team behind all the amazing projects. By showcasing the people who bring the studio's vision to life, FIKKA becomes more relatable and personable, rather than another anonymous company. This human touch not only builds credibility but also strengthens the connection between the studio and potential clients, making the brand feel more authentic and trustworthy.
Responsive design
Responsive design
Responsive design
To ensure the best possible experience for users, I’ve made sure that the design is responsive across devices. To achieve the main goals of the project, the website has to reach a broader audience, which leads to more engagement with the product. That’s why the possibility of interacting with the website on any screen size is essential.
To ensure the best possible experience for users, I’ve made sure that the design is responsive across devices. To achieve the main goals of the project, the website has to reach a broader audience, which leads to more engagement with the product. That’s why the possibility of interacting with the website on any screen size is essential.
Wireframes
Wireframes
Wireframes
Before diving into the final design, I first created sets of wireframes to present my ideas to the owner of FIKKA. This allowed us to discuss potential issues and constraints in the design early on. After thoroughly reviewing and addressing these challenges, we agreed on the best solutions. Only then did I proceed with developing the final design, ensuring it aligned with both the studio’s vision and practical requirements.
Before diving into the final design, I first created sets of wireframes to present my ideas to the owner of FIKKA. This allowed us to discuss potential issues and constraints in the design early on. After thoroughly reviewing and addressing these challenges, we agreed on the best solutions. Only then did I proceed with developing the final design, ensuring it aligned with both the studio’s vision and practical requirements.
Website Developement
Website Developement
Website Developement
In addition to the design process, I was also responsible for developing the website. I built the site using WordPress and the Elementor plugin. To ensure the functionality and appearance aligned with the initial design vision, I implemented custom CSS and incorporated a bit of JavaScript as needed. This approach allowed me to create a responsive and visually appealing website that met FIKKA's specific requirements.
In addition to the design process, I was also responsible for developing the website. I built the site using WordPress and the Elementor plugin. To ensure the functionality and appearance aligned with the initial design vision, I implemented custom CSS and incorporated a bit of JavaScript as needed. This approach allowed me to create a responsive and visually appealing website that met FIKKA's specific requirements.