One brief.
Two visual directions.
UI design for a Persian-language building materials website. I proposed the first homepage concept, then adapted the design to the client’s preferred direction and extended it across the remaining screens.
Give the content room to breathe.
In my initial concept, yellow acts as an accent against light surfaces, with a broader set of content and utility sections.
A restrained use of yellow, generous white space and an expanded homepage with brands, a materials calculator and editorial content.
Inspect full page ↗I favored the quieter background and more selective use of yellow in V1. This gave the homepage a lighter visual rhythm and more space between groups of content.
The client chose a different direction. I set aside the initial concept and continued the homepage and supporting pages around that preference.
Adapt the interface to the chosen brief.
V2 uses larger yellow fields and places quick-access actions beside the hero. The following pages continue the selected yellow-and-navy palette.
A stronger yellow presence, quick-access actions beside the hero and a more compact homepage composition.
Inspect full page ↗From browsing to an order inquiry.
Product discovery, product details and a ticket form carry the direction across the website.
Product cards show price, inquiry and availability states alongside category, brand and price filters.
Inspect full page ↗A product gallery, configurable attributes and a ticket action support the inquiry-based order approach.
Inspect full page ↗Contact details, province and a message field sit beside the selected product summary.
Inspect full page ↗