Design Process
A Glimpse
1. What
2. Why
3. How
Optimations is a SAAS company, that offers varied smart technological services in manufacturing, artificial intelligence, supply chain and procurement, eco friendly energy and effective work spaces. What they needed is a responsive website that loads up fast throughout the globe with interactive features.
2. Research
During research, the main goal was to what constitutes a SAAS consulting website, the icons associated with the services, the jargon of the industry, branding, browsers used, screen sizes used. I had to use the Google Analytics tool to determine the global usage for screen sizes and browsers used.
Changes to Sitemap


DETAILS
The process involved finding the target audience, researching on other consulting websites, ideation, wireframing/design and development.
Other technological necessities included making the website secure, provide Content Delivery Network option, making it SEO friendly while adhering to Optimations branding with fresh and modern look.

Branding
Styleguides give a fair idea for a developer to initially set the colors, fonts, forms and layout. When coming up with a styleguide, I usually think from a web development perspective.
Optimations has primary colors, excessive use of which may make the website look playful and childish. Our goal was to give the website a serious tone. Upon careful planning and layout design, google web font – Roboto was chosen for the global audience, varied header font size shows hierarchy of text, darker colors for linked text was chosen for legibility along with link hover color.
As the saying goes, one picture is worth a thousand words. Images and image backgrounds are an important aspect of web designing. I learned this during my internship at Birdsong Creative, no element on a web page should be present if it does not add value to content.
Styleguide also provides the developer a fair idea of the looks of the navigation, sub-navigation, pages of the sub-navigation, the form fields, footer, pagination, buttons and other elements on the website.
Visual appeal for various screen sizes and layout design for all pages.
Icons
Icons went through three iterations to get its final look. Some of these icons go on different pages, therefore, we see they have slightly different style.
Development
1 draft, 3 edits and 2 weeks later, the website was launched. Feedback from regular users, UX designer, partner and analysts were implemented.
I’m proud to have completed this project in a very short time while working on other projects.
Website
Challenges
Design Challenge: After the completion of page layout in the design process, a new service was added. The layout of 5 elements on a page will look completely different from 4 elements. Therefore, I had to redesign the sitemap, navigation menu and pages.
Developmental Challenge: Contact theme and plugin developer as certain elements on the website were not working as expected. Juggled with tight deadlines on other projects while working this project.
Physical Challenge: Client is out of state. Therefore, only virtual meetings were possible not to mention different time zones.
External Factor: Covid-19 pandemic.
Personal Factor: Deaths in the family, Get Covid vaccine done during the project.