Introduction
I undertook this project during my internship at Procol, where I was tasked with creating the primary landing page for Procol's website. The main objective of this website was to provide buyers with insights into suppliers and facilitate connections with vendors. Subsequently, I also worked on designing several secondary solution pages for the company.
The assignment aimed to foster an understanding of the design process and develop proficiency in visual design.
About Procol
Procol primarily focuses on simplifying supplier search and procurement processes for businesses. Their services enable efficient supplier discovery and engagement, streamlining procurement operations by-
Providing highly personalised and focused vendor recommendations for businesses perfectly suiting their requirements.
Enabling best-in-class prices from the market improving margins and reducing overhead and operating expenses.
Protecting company against increased demands, market volatility and other such economic and market factors.
Process
Throughout this assignment, I adhered to a fundamental yet crucial design process. No matter how linear it may seem, the design process invariably involved continuous back-and-forth transitions between phases. This was the dynamic experience I encountered while designing the landing page.
User research
Information architecture
IWireframing
UI Design
Craft a prototype with the main idea
Research
Given my unfamiliarity with this product, I opted to conduct an analysis of analogous products present in the market. This research aimed to comprehend how these products approach their user segments and effectively address the challenge of conveying user objectives in a more accessible manner.
I browsed through various sites to gather event and design inspirations.
Solution
Having gained a clear vision of the desired appearance for the landing page and acknowledging that research is an ongoing process, I transitioned to the phase of crafting the visual aesthetics and commenced work on the design elements.
Before arriving at the definitive visual design, I would like to guide you through the iterative process for each section and elucidate the rationale behind our ultimate design choices.
Key takeaways
The entire process of creating this landing page from the ground up has been a dynamic and instructive journey. It has provided valuable lessons and dispelled certain misconceptions along the way.
Research is the most important part
Extensive research stands as a pivotal initial step. Prior to conceptualizing the page's aesthetics and design, it is imperative to engage in thorough research, delving into the intricacies of the niche, sub-niche, and comprehending the specific needs and characteristics of the target audience. This process provides a foundation of clarity for subsequent actions and decisions.
Avoid imposing your own ideas forcefully
As you invest a substantial amount of time in an assignment, it's crucial to refrain from making biased decisions solely based on personal opinions. In the realm of design, every decision should find its foundation in thorough research and substantiated data.
Never stop Iterating!
Throughout the process, it is advisable to engage in extensive iterations, exploring various potential outcomes for each scenario. This iterative approach facilitates the discernment of effective solutions and contributes significantly to one's growth as a designer.
So, this was it about my first landing page. The journey of crafting this landing page from the ground up has been roller coaster ride. This project has not only tested my design skills but has also pushed me to think creatively and problem-solve effectively.