Vasnam Padra
A traditional Persian sweets factory
Specification
- Theme: Custom UI
- Designed by: Hossein Gholami
- Budget: 1200 $
- Responsive: Yes
- Implementation Year: 2023
- Language: English - Persian
- Status: Online
Challenges
- Multilingual With LTR & RTL Language
- Custom responsive UI
- Perfect Pixel
- HQ Image needed
Portfolio Gallery
Project Overview
This project involved the creation of a bespoke website for a traditional Persian sweet factory named Vasnam, showcasing their rich heritage and delicious offerings. My role encompassed the full spectrum of website development, from conceptualization to execution. The primary goal was to craft a digital presence that resonated with the brand’s traditional values while embracing modern design principles. The challenge here lay in striking a balance between tradition and modernity, ensuring the website’s aesthetic appealed to a diverse audience without compromising the brand’s historical roots.
Design and Styling
In the realm of design and styling, I employed SCSS alongside Bootstrap to create a custom UI that exudes modernity and minimalism. The design process was meticulous, focusing on creating an intuitive user interface that captures the essence of Persian aesthetics. One of the significant challenges was the integration of traditional Persian elements into a contemporary design framework. Achieving a harmonious blend required careful consideration of color schemes, typography, and layout structures, ensuring they align with both the brand identity and modern web design trends.
Functionality and Customization
Functionality was a crucial aspect of this project. I utilized jQuery to implement dynamic features, enhancing user interaction and engagement. Additionally, I integrated Advanced Custom Fields (ACF) for a high degree of customization, allowing for tailored content management according to the factory’s specific needs. The challenge here was to ensure seamless functionality across various components while maintaining a user-friendly backend. Balancing complex functionalities with ease of use for the website administrators was a task that required meticulous planning and execution.
Optimization and Multilingual Support
Optimization was another critical area of focus. Using Webpack, I effectively removed unused CSS and combined JavaScript files, also incorporating features like converting pixels to rem for better scalability and responsiveness. The challenge in this phase was optimizing the site without sacrificing design integrity or functionality. Furthermore, the Vasnam website’s multilingual capability, supporting both English and Persian, posed its own set of challenges. Ensuring a seamless translation process and maintaining the website’s layout consistency across both languages required careful coding and extensive testing.
