Salesfactory is software solution startup company based in Varanasi started by my School friend. They provide custom made software for business for their day to day work. More details on its website salesfactory.in Aman who is awesome in Web development, still wanted my help in salesfactory website frontend development. Being so busy in offices and all we agreed to work side by side on this diwali holidays.

Making a awesome single page website on Angular. Till date I had my experience on Vue only. So switching to Angular was itself a challenge.

Coming up with a layout that work for both the company image and Aman as a person. When the person whom you are making a website sit and watch you do design and code. I find this blessing but keeping my cool all the way is another challenge. Things get heated. You know.

Also, he had timer going on on his website. Like 4 Days 15 hours 25 min 38 sec. Who does this.

I started with going through similar product websites and some of competitors websites and noting all the good and bad things they did with their existing product. At the point of developing this salesfactory website. the main product was in continuous development and still had to go through series of deployment and testing. So I don't have lots of actual product to show on its website. So we agreed to show a screenshot or two and keeping thing as simple as its gets.

Still being a Designer I cant just agree to make something that i am not gonna be proud later. Everyone was celebrating Diwali but we Aman and me were busy grinding in a room with screens and drinking coffee and moving forward as fast as possible. It was fun. We both loved how things are moving forward with making one section of website, designing it and coding it. to see how it looks on different devices. What worked we kept and what not we deleted.

I started with the hero section of the website. Designed it then coded it in Angular with pure CSS. I didn't see any point adding UI framework like Which my friend Insisted but I knew We don't need it. Moving forward we pretty much liked the hero section then. Moved to design a basic layout of product section. I used Icons from thenounproject.com and then editing its width, height, border in Adobe XD to make all Icons consistent through out the website. Every Icons assets used in Website is SVG.

In all section I used Flex for implementing all those layouts, I initially thought using grid but the layout was simple. Flex was all that required and also there no problem making it all responsive. Wherever required I added media queries in images, font sizes and padding and margin.

Enough getting into using tech terms. Lets just see the final website.

--Html
--CSS
--Angular Framework