Wood and MDF

Artapan making a new website

Date: December 20, 2022
Platforms: Web

INTRODUCTION

Who is the Artapan?

Their Artapan factory produces MDF, HDF, and melamine-coated particleboard, effectively integrating into the cellulose industry's production cycle. These products find their way to both domestic and international markets, while additional processing within Artapan's industrial complex results in items such as laminate flooring, impregnated papers, MDF profiles, and decorative walls.

Duration: 138 Days (4.5 Months)
Industry: Wood and MDF
Services: UI/UX Design Development (Front-end, Back-end) Product Simulator

Visit the Website

What was the challenge?

The primary challenge in this project was to create a responsive website for Artapan that effectively communicated the company's information, showcased their products, and provided an interactive tool for users to simulate floorings and laminates for their homes. Ensuring seamless functionality across various devices and screen sizes was crucial. Additionally, presenting the extensive range of products and news in an organized and user-friendly manner while maintaining a visually appealing design posed another challenge.

SOLUTION

What did we do to fix the problem?

In order to address these challenges, we designed a responsive website that allows users to access information about Artapan, read news updates, explore the company's products, and use a unique simulator to visualize flooring and laminate options for their homes. One of the major technical challenges we faced was in developing the simulator, but we successfully tackled these obstacles through innovative problem-solving and the implementation of the latest programming technologies. This ensured that the simulator delivered a seamless and realistic user experience, enabling users to make informed decisions about their flooring choices.

Tech and Tools

light
Regular
Medium
bold

IRANYekan

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
‘?’?!(%)[#]@<&>-_-=+~!

#00623E Brand Color

#F8F8F8

#0D0D0D

#FFCB05 pallete

The Product Page in this project serves as a comprehensive platform for users to interact with the company's products effectively. It allows users to select the desired product, input their desired square footage, and calculate the final price based on the chosen square footage. Moreover, the Product Page provides users with a map displaying the nearest authorized dealers, making it easier for them to locate nearby representatives. Additionally, users can utilize the simulator feature to visualize the product in their intended space. Overall, the Product Page offers an immersive and user-friendly experience for exploring and purchasing Artapan's products.

100%
mobile first approach

The "100% mobile first approach" underscores our commitment to designing all project pages with mobile responsiveness as a top priority. We've meticulously tailored every aspect, including features like the simulator and more, to ensure seamless usability on mobile devices. This approach guarantees that users can effortlessly access and interact with our platform, regardless of their device, providing a versatile and user-centric experience.

What is this page?

This page showcases a mobile screenshot of our product page, providing users with a transparent view of how we've customized the product details for everyone. Users can see how we've designed the product page, ensuring everything is accessible and user-friendly. It's a glimpse into our commitment to a user-centric experience and clear information presentation.

Simulation Flow

The "Simulation Flow" section allows users to simulate various scenarios, such as kitchens, living rooms, and more, to visualize how our products like parquet and laminate would look in those spaces. It's an interactive tool for users to explore different design possibilities.