Design and Front-end for one of my buddy startup company
Adobe XD, Photoshop, Illustrator, aftereffects
VS Code, Git and Github
Aman: Research and Development
Me: Design and Development
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.
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.
-- Bheind The scene: Me and Aman --
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.
-- Requirement and Basic Wireframe --
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.
--Angular VS Code Screen--
It was a very small project. It was challenging designing and then coding and having a deadline of just some days. I also got my hopes high. I guess how small or big a projects is enjoying and having fun during those hours is crucial to a successful projects. Doing work for a friend is never a bad Idea. Its fun and stressbuster from all those heavy projects thats has to be done in meantime. Everyone need a break from a long projects. This for me was a kind of break i needed to bring my focus.
I guess it doesn't matter if the project you are doing is small or big but enjoying and having fun during those hours matters and is crucial to a successful projects. Thanks💙
Don't forget to appreciate.