WadidSci
A website for WadidSci, a startup selling
lab equipment at affordable prices.
Role
Role
Role
Role
Web Developer
Web Developer
Web Developer
Web Developer
Duration
Duration
Duration
Duration
6 Months
6 Months
6 Months
6 Months
Tools
Tools
Tools
Tools
Figma, Photoshop,
Namecheap
Figma, Photoshop,
Namecheap
Figma, Photoshop,
Namecheap
Figma, Photoshop,
Namecheap
Languages
Languages
Languages
Languages
HTML, CSS,
JavaScript
HTML, CSS,
JavaScript
HTML, CSS,
JavaScript
HTML, CSS,
JavaScript
Overview
Overview
Overview
Overview
WadidSci is a startup founded by 2 lab professionals with a vision to equip the future of science today by making lab equipment more accessible. Their primary goal was to connect with laboratories and establish credibility in the market. As industry insiders, the founders understood the challenges labs face in acquiring quality equipment within budget constraints. They needed a digital platform that would allow them to showcase their expertise, build trust with potential clients, and make information readily available to those seeking affordable lab solutions.
WadidSci is a startup founded by 2 lab professionals with a vision to equip the future of science today by making lab equipment more accessible. Their primary goal was to connect with laboratories and establish credibility in the market. As industry insiders, the founders understood the challenges labs face in acquiring quality equipment within budget constraints. They needed a digital platform that would allow them to showcase their expertise, build trust with potential clients, and make information readily available to those seeking affordable lab solutions.
WadidSci is a startup founded by 2 lab professionals with a vision to equip the future of science today by making lab equipment more accessible. Their primary goal was to connect with laboratories and establish credibility in the market. As industry insiders, the founders understood the challenges labs face in acquiring quality equipment within budget constraints. They needed a digital platform that would allow them to showcase their expertise, build trust with potential clients, and make information readily available to those seeking affordable lab solutions.
WadidSci is a startup founded by 2 lab professionals with a vision to equip the future of science today by making lab equipment more accessible. Their primary goal was to connect with laboratories and establish credibility in the market. As industry insiders, the founders understood the challenges labs face in acquiring quality equipment within budget constraints. They needed a digital platform that would allow them to showcase their expertise, build trust with potential clients, and make information readily available to those seeking affordable lab solutions.
Problem
Problem
Problem
Problem
Lab professionals often struggled to find affordable, high-quality equipment through existing channels. While the founders had a small initial network, they lacked a digital platform where potential clients could easily discover their offerings, compare products, and make informed decisions with confidence.
Lab professionals often struggled to find affordable, high-quality equipment through existing channels. While the founders had a small initial network, they lacked a digital platform where potential clients could easily discover their offerings, compare products, and make informed decisions with confidence.
Lab professionals often struggled to find affordable, high-quality equipment through existing channels. While the founders had a small initial network, they lacked a digital platform where potential clients could easily discover their offerings, compare products, and make informed decisions with confidence.
Lab professionals often struggled to find affordable, high-quality equipment through existing channels. While the founders had a small initial network, they lacked a digital platform where potential clients could easily discover their offerings, compare products, and make informed decisions with confidence.
Solution
Solution
Solution
Solution
A website designed to help lab professionals quickly find affordable, reliable equipment while building trust through expert content. The platform highlights product quality, simplifies comparisons, and provides key technical details—enabling the founders to reach new clients beyond their original network.
A website designed to help lab professionals quickly find affordable, reliable equipment while building trust through expert content. The platform highlights product quality, simplifies comparisons, and provides key technical details—enabling the founders to reach new clients beyond their original network.
A website designed to help lab professionals quickly find affordable, reliable equipment while building trust through expert content. The platform highlights product quality, simplifies comparisons, and provides key technical details—enabling the founders to reach new clients beyond their original network.
A website designed to help lab professionals quickly find affordable, reliable equipment while building trust through expert content. The platform highlights product quality, simplifies comparisons, and provides key technical details—enabling the founders to reach new clients beyond their original network.
Scope &
Constraints
Scope &
Constraints
Scope &
Constraints
Scope &
Constraints
The scope of this project included creating a fully responsive website with six essential pages: Home, About, Orders, Products, FAQ, and Contact. Initially, I planned to implement e-commerce functionality for the Products page, but after discussion with the founders, we decided that an email-based ordering system would better suit their current operations. As a startup with fluctuating inventory and localized shipping capabilities (serving only the tri-state area with self-managed delivery), this approach provided greater flexibility. All pages needed to maintain brand consistency in visual design and messaging.
The primary constraint was my unfamiliarity with NameCheap's Website Builder, which imposed significant limitations on implementing certain design elements. To overcome these restrictions, I supplemented the builder's capabilities by custom coding critical components like the products page, orders page, and testimonial carousel.
The scope of this project included creating a fully responsive website with six essential pages: Home, About, Orders, Products, FAQ, and Contact. Initially, I planned to implement e-commerce functionality for the Products page, but after discussion with the founders, we decided that an email-based ordering system would better suit their current operations. As a startup with fluctuating inventory and localized shipping capabilities (serving only the tri-state area with self-managed delivery), this approach provided greater flexibility. All pages needed to maintain brand consistency in visual design and messaging.
The primary constraint was my unfamiliarity with NameCheap's Website Builder, which imposed significant limitations on implementing certain design elements. To overcome these restrictions, I supplemented the builder's capabilities by custom coding critical components like the products page, orders page, and testimonial carousel.
The scope of this project included creating a fully responsive website with six essential pages: Home, About, Orders, Products, FAQ, and Contact. Initially, I planned to implement e-commerce functionality for the Products page, but after discussion with the founders, we decided that an email-based ordering system would better suit their current operations. As a startup with fluctuating inventory and localized shipping capabilities (serving only the tri-state area with self-managed delivery), this approach provided greater flexibility. All pages needed to maintain brand consistency in visual design and messaging.
The primary constraint was my unfamiliarity with NameCheap's Website Builder, which imposed significant limitations on implementing certain design elements. To overcome these restrictions, I supplemented the builder's capabilities by custom coding critical components like the products page, orders page, and testimonial carousel.
The scope of this project included creating a fully responsive website with six essential pages: Home, About, Orders, Products, FAQ, and Contact. Initially, I planned to implement e-commerce functionality for the Products page, but after discussion with the founders, we decided that an email-based ordering system would better suit their current operations. As a startup with fluctuating inventory and localized shipping capabilities (serving only the tri-state area with self-managed delivery), this approach provided greater flexibility. All pages needed to maintain brand consistency in visual design and messaging.
The primary constraint was my unfamiliarity with NameCheap's Website Builder, which imposed significant limitations on implementing certain design elements. To overcome these restrictions, I supplemented the builder's capabilities by custom coding critical components like the products page, orders page, and testimonial carousel.
Process
Process
Process
Process
User Research
User Research
User Research
User Research
I began by developing a deep understanding of WadidSci's potential clients and their needs. This involved investigating what information lab professionals prioritize before making purchasing decisions, analyzing successful competitors' approaches, and identifying best practices in lab equipment website design.
My research revealed that potential clients in the lab supply sector prioritize quality and reliability above all.
I began by developing a deep understanding of WadidSci's potential clients and their needs. This involved investigating what information lab professionals prioritize before making purchasing decisions, analyzing successful competitors' approaches, and identifying best practices in lab equipment website design.
My research revealed that potential clients in the lab supply sector prioritize quality and reliability above all.
I began by developing a deep understanding of WadidSci's potential clients and their needs. This involved investigating what information lab professionals prioritize before making purchasing decisions, analyzing successful competitors' approaches, and identifying best practices in lab equipment website design.
My research revealed that potential clients in the lab supply sector prioritize quality and reliability above all.
I began by developing a deep understanding of WadidSci's potential clients and their needs. This involved investigating what information lab professionals prioritize before making purchasing decisions, analyzing successful competitors' approaches, and identifying best practices in lab equipment website design.
My research revealed that potential clients in the lab supply sector prioritize quality and reliability above all.
88%
88%
88%
88%
rate price and value as "very important" factors.
rate price and value as "very important" factors.
rate price and value as
"very important" factors.
rate price and value as "very important" factors.
Top 5 Factors When Purchasing Lab Products
Top 5 Factors When Purchasing Lab Products
Top 5 Factors When Purchasing Lab Products
Top 5 Factors When Purchasing Lab Products
Price & value of vendor's products
Price & value of vendor's products
Price & value of vendor's products
Price & value of vendor's products
Long-term efficiency & operating costs
Long-term efficiency & operating costs
Long-term efficiency & operating costs
Long-term efficiency & operating costs
Post-sale support, maintenance, & warranty
Post-sale support, maintenance, & warranty
Post-sale support, maintenance, & warranty
Post-sale support, maintenance, & warranty
Compatibility with lab's current systems
Compatibility with lab's current systems
Compatibility with lab's current systems
Compatibility with lab's current systems
Vendor's knowledge of industry & technology
Vendor's knowledge of industry & technology
Vendor's knowledge of industry & technology
Vendor's knowledge of industry & technology
When examining successful lab supply websites, I found that clear navigation, compelling visuals of equipment, responsive design, prominent product showcases, and team profiles were common elements that enhanced user experience. These insights directly informed my approach to WadidSci's website design.
When examining successful lab supply websites, I found that clear navigation, compelling visuals of equipment, responsive design, prominent product showcases, and team profiles were common elements that enhanced user experience. These insights directly informed my approach to WadidSci's website design.
When examining successful lab supply websites, I found that clear navigation, compelling visuals of equipment, responsive design, prominent product showcases, and team profiles were common elements that enhanced user experience. These insights directly informed my approach to WadidSci's website design.
When examining successful lab supply websites, I found that clear navigation, compelling visuals of equipment, responsive design, prominent product showcases, and team profiles were common elements that enhanced user experience. These insights directly informed my approach to WadidSci's website design.
Analysis
Analysis
Analysis
Analysis
Following the research phase, I developed detailed user personas to better understand the diverse range of potential clients. These included lab managers focused on cost-effective bulk purchases, independent researchers prioritizing quality and compliance, and procurement specialists seeking reliable vendor relationships.
Following the research phase, I developed detailed user personas to better understand the diverse range of potential clients. These included lab managers focused on cost-effective bulk purchases, independent researchers prioritizing quality and compliance, and procurement specialists seeking reliable vendor relationships.
Following the research phase, I developed detailed user personas to better understand the diverse range of potential clients. These included lab managers focused on cost-effective bulk purchases, independent researchers prioritizing quality and compliance, and procurement specialists seeking reliable vendor relationships.
Following the research phase, I developed detailed user personas to better understand the diverse range of potential clients. These included lab managers focused on cost-effective bulk purchases, independent researchers prioritizing quality and compliance, and procurement specialists seeking reliable vendor relationships.
User Personas
User Personas
User Personas
User Personas
The Lab
Manager
Age: 45
Education: Ph.D. in Biochemistry
Experience: 15 years managing
university labs
Makes bulk purchases for
academic labs. Values reliability
and warranty information.
Thoroughly researches vendors
before committing. Prefers
detailed specifications.
Lab
Manager
Click to flip
The
Independent
Researcher
Age: 32
Education: M.S. in Biotechnology
Experience: Runs small
environmental testing lab
Building lab piece by piece on
startup budget. Makes frequent
smaller purchases. Highly
concerned with regulatory
compliance. Values versatile
equipment.
Independent Researcher
Click to flip
The Lab
Manager
Age: 45
Education: Ph.D. in Biochemistry
Experience: 15 years managing
university labs
Makes bulk purchases for
academic labs. Values reliability
and warranty information.
Thoroughly researches vendors
before committing. Prefers
detailed specifications.
Lab
Manager
Click to flip
The Lab
Manager
Age: 45
Education: Ph.D. in Biochemistry
Experience: 15 years managing
university labs
Makes bulk purchases for
academic labs. Values reliability
and warranty information.
Thoroughly researches vendors
before committing. Prefers
detailed specifications.
Lab
Manager
Click to flip
The Lab
Manager
Age: 45
Education: Ph.D. in Biochemistry
Experience: 15 years managing
university labs
Makes bulk purchases for
academic labs. Values reliability
and warranty information.
Thoroughly researches vendors
before committing. Prefers
detailed specifications.
Lab
Manager
Click to flip
The Lab
Manager
Age: 45
Education: Ph.D. in Biochemistry
Experience: 15 years managing
university labs
Makes bulk purchases for
academic labs. Values reliability
and warranty information.
Thoroughly researches vendors
before committing. Prefers
detailed specifications.
Lab
Manager
Click to flip
The
Independent
Researcher
Age: 32
Education: M.S. in Biotechnology
Experience: Runs small
environmental testing lab
Building lab piece by piece on
startup budget. Makes frequent
smaller purchases. Highly
concerned with regulatory
compliance. Values versatile
equipment.
Independent
Researcher
Click to flip
The
Independent
Researcher
Age: 32
Education: M.S. in Biotechnology
Experience: Runs small
environmental testing lab
Building lab piece by piece on
startup budget. Makes frequent
smaller purchases. Highly
concerned with regulatory
compliance. Values versatile
equipment.
Independent
Researcher
Click to flip
The
Independent
Researcher
Age: 32
Education: M.S. in Biotechnology
Experience: Runs small
environmental testing lab
Building lab piece by piece on
startup budget. Makes frequent
smaller purchases. Highly
concerned with regulatory
compliance. Values versatile
equipment.
Independent
Researcher
Click to flip
The
Independent
Researcher
Age: 32
Education: M.S. in Biotechnology
Experience: Runs small
environmental testing lab
Building lab piece by piece on
startup budget. Makes frequent
smaller purchases. Highly
concerned with regulatory
compliance. Values versatile
equipment.
Independent
Researcher
Click to flip
The
Procurement
Specialist
Age: 38
Education: B.S. in Business Admin
Experience: Works for medium
pharmaceutical company
Intermediary between scientists
and finance. Uses formal
evaluation matrix for decisions.
Needs to justify purchases to
multiple stakeholders. Values
responsive vendors.
Procurement
Specialist
Click to flip
The
Procurement
Specialist
Age: 38
Education: B.S. in Business Admin
Experience: Works for medium
pharmaceutical company
Intermediary between scientists
and finance. Uses formal
evaluation matrix for decisions.
Needs to justify purchases to
multiple stakeholders. Values
responsive vendors.
Procurement
Specialist
Click to flip
The
Procurement
Specialist
Age: 38
Education: B.S. in Business Admin
Experience: Works for medium
pharmaceutical company
Intermediary between scientists
and finance. Uses formal
evaluation matrix for decisions.
Needs to justify purchases to
multiple stakeholders. Values
responsive vendors.
Procurement
Specialist
Click to flip
The
Procurement
Specialist
Age: 38
Education: B.S. in Business Admin
Experience: Works for medium
pharmaceutical company
Intermediary between scientists
and finance. Uses formal
evaluation matrix for decisions.
Needs to justify purchases to
multiple stakeholders. Values
responsive vendors.
Procurement
Specialist
Click to flip
The Teaching
Laboratory
Coordinator
Age: 50
Education: M.S. in Chemistry Edu.
Experience: Oversees
undergraduate teaching labs
Makes seasonal purchases
aligned with academic calendar.
Prioritizes durability and
simplicity. Looks for educational
resources and package deals.
Teaching Lab
Coordinator
Click to flip
The Teaching
Laboratory
Coordinator
Age: 50
Education: M.S. in Chemistry Edu.
Experience: Oversees
undergraduate teaching labs
Makes seasonal purchases
aligned with academic calendar.
Prioritizes durability and
simplicity. Looks for educational
resources and package deals.
Teaching Lab
Coordinator
Click to flip
The Teaching
Laboratory
Coordinator
Age: 50
Education: M.S. in Chemistry Edu.
Experience: Oversees
undergraduate teaching labs
Makes seasonal purchases
aligned with academic calendar.
Prioritizes durability and
simplicity. Looks for educational
resources and package deals.
Teaching Lab
Coordinator
Click to flip
The Teaching
Laboratory
Coordinator
Age: 50
Education: M.S. in Chemistry Edu.
Experience: Oversees
undergraduate teaching labs
Makes seasonal purchases
aligned with academic calendar.
Prioritizes durability and
simplicity. Looks for educational
resources and package deals.
Teaching Lab
Coordinator
Click to flip
The
Procurement
Specialist
Age: 38
Education: B.S. in Business Admin
Experience: Works for medium
pharmaceutical company
Intermediary between scientists
and finance. Uses formal
evaluation matrix for decisions.
Needs to justify purchases to
multiple stakeholders. Values
responsive vendors.
Procurement
Specialist
Click to flip
The Teaching
Laboratory
Coordinator
Age: 50
Education: M.S. in Chemistry Edu.
Experience: Oversees
undergraduate teaching labs
Makes seasonal purchases
aligned with academic calendar.
Prioritizes durability and
simplicity. Looks for educational
resources and package deals.
Teaching Lab
Coordinator
Click to flip
Pain Points
Pain Points
Pain Points
Pain Points
Budget
Budget
Budget
Budget
Trust
Trust
Trust
Trust
Process
Process
Process
Process
Reliability
Reliability
Reliability
Reliability
Balance
Balance
Balance
Balance
Sustainability
Sustainability
Sustainability
Sustainability
Compliance
Compliance
Compliance
Compliance
Consistency
Consistency
Consistency
Consistency
Durability
Durability
Durability
Durability
Budget
Budget
Budget
Budget
Trust
Trust
Trust
Trust
Process
Process
Process
Process
Reliability
Reliability
Reliability
Reliability
Balance
Balance
Balance
Balance
Sustainability
Sustainability
Sustainability
Sustainability
Compliance
Compliance
Compliance
Compliance
Consistency
Consistency
Consistency
Consistency
Durability
Durability
Durability
Durability
Stage
Awareness
Research &
Consideration
Decision
Purchase
Post-Purchase
Action
Encounters WadidSci through colleague recommendation or academic conference. Notes the potential for budget savings.
Visits WadidSci website. Examines product specifications in detail. Checks for quality and return policies.
Contacts WadidSci with specific questions about compatibility and durability. Initiates procurement process.
Submits order through email system after receiving required approvals. Coordinates delivery timing.
Unpacks and tests products. Monitors performance during initial experiments.
Emotions
& Thoughts
Opportunities
Feature prominent testimonials from clients on homepage. Create "About Us" section highlighting scientific credentials of team members.
Create detailed product pages with high-resolution images and comprehensive specifications. Add shipping and return policy in FAQs.
Create a button on each product page that opens a pre filled email, allowing users to quickly customize their questions and receive responses.
Design clear, step by-step visuals explaining exactly what happens after an order email is sent, with estimated timeframes for each step.
Develop a customer portal with order history and tracking, plus an integrated feedback form for seamless support and user insights
User Journey Map for 'The Lab Manager' Persona
I mapped out user journeys for each persona, emphasizing touchpoints where we could address their key concerns. For example, knowing that quality validation was critical, I ensured the journey included prominent testimonials and detailed product specifications to build trust. Similarly, understanding the importance of budget considerations, I highlighted WadidSci's commitment to affordability throughout the user experience.
I mapped out user journeys for each persona, emphasizing touchpoints where we could address their key concerns. For example, knowing that quality validation was critical, I ensured the journey included prominent testimonials and detailed product specifications to build trust. Similarly, understanding the importance of budget considerations, I highlighted WadidSci's commitment to affordability throughout the user experience.
I mapped out user journeys for each persona, emphasizing touchpoints where we could address their key concerns. For example, knowing that quality validation was critical, I ensured the journey included prominent testimonials and detailed product specifications to build trust. Similarly, understanding the importance of budget considerations, I highlighted WadidSci's commitment to affordability throughout the user experience.
I mapped out user journeys for each persona, emphasizing touchpoints where we could address their key concerns. For example, knowing that quality validation was critical, I ensured the journey included prominent testimonials and detailed product specifications to build trust. Similarly, understanding the importance of budget considerations, I highlighted WadidSci's commitment to affordability throughout the user experience.
User Journey Map for 'The Lab Manager' Persona
User Journey Map for 'The Lab Manager' Persona
Ideation
Ideation
Ideation
Ideation
During ideation, I explored various approaches to organizing and presenting information in an accessible, on-brand manner. I sketched multiple variations of each page, experimenting with different visual elements including gradients, typography, spacing, and composition.
During ideation, I explored various approaches to organizing and presenting information in an accessible, on-brand manner. I sketched multiple variations of each page, experimenting with different visual elements including gradients, typography, spacing, and composition.
During ideation, I explored various approaches to organizing and presenting information in an accessible, on-brand manner. I sketched multiple variations of each page, experimenting with different visual elements including gradients, typography, spacing, and composition.
During ideation, I explored various approaches to organizing and presenting information in an accessible, on-brand manner. I sketched multiple variations of each page, experimenting with different visual elements including gradients, typography, spacing, and composition.
Pictured above: a mood board created on Pinterest.
Pictured above: a mood board created on Pinterest.
Pictured above: a mood board created on Pinterest.
Pictured above: a mood board created on Pinterest.
Ideation
Sketches
Design & Prototype
Design & Prototype
Design & Prototype
Design & Prototype
In this phase, I transformed concepts into concrete designs.
In this phase, I transformed concepts into concrete designs.
In this phase, I transformed concepts into concrete designs.
In this phase, I transformed concepts into concrete designs.
I created a straightforward navigation bar with subtle feedback animations on hover, reinforcing the professional yet approachable brand identity. The footer follows this minimalist approach, presenting essential information in a clean, uncluttered format.
I created a straightforward navigation bar with subtle feedback animations on hover, reinforcing the professional yet approachable brand identity. The footer follows this minimalist approach, presenting essential information in a clean, uncluttered format.
I created a straightforward navigation bar with subtle feedback animations on hover, reinforcing the professional yet approachable brand identity. The footer follows this minimalist approach, presenting essential information in a clean, uncluttered format.
I created a straightforward navigation bar with subtle feedback animations on hover, reinforcing the professional yet approachable brand identity. The footer follows this minimalist approach, presenting essential information in a clean, uncluttered format.
Navigation Bar and Footer Designs Across Various Pages and Screen Sizes
Navigation Bar and Footer Designs Across Various Pages and Screen Sizes
Navigation Bar and Footer Designs Across Various Pages & Screen Sizes
Navigation Bar and Footer Designs Across Various Pages and Screen Sizes
Scroll on Mockup to Reveal Full Page Layout
Scroll on Mockup to Reveal Full Page Layout
Scroll on Mockup to Reveal Full Page Layout
Scroll on Mockup to Reveal Full Page Layout
The homepage featured a hero image of lab equipment in brand colors with a clear value proposition and call-to-action. As users scrolled, a gradient transition between brand colors created visual interest while revealing more information about the company, its mission, and client testimonials.
The homepage featured a hero image of lab equipment in brand colors with a clear value proposition and call-to-action. As users scrolled, a gradient transition between brand colors created visual interest while revealing more information about the company, its mission, and client testimonials.
The homepage featured a hero image of lab equipment in brand colors with a clear value proposition and call-to-action. As users scrolled, a gradient transition between brand colors created visual interest while revealing more information about the company, its mission, and client testimonials.
The homepage featured a hero image of lab equipment in brand colors with a clear value proposition and call-to-action. As users scrolled, a gradient transition between brand colors created visual interest while revealing more information about the company, its mission, and client testimonials.
For the testimonial section, I envisioned an interactive carousel that would showcase client feedback in an engaging way. However, NameCheap's builder couldn't support this functionality from my Figma prototype, so I implemented a custom solution using HTML, JavaScript, and CSS.
For the testimonial section, I envisioned an interactive carousel that would showcase client feedback in an engaging way. However, NameCheap's builder couldn't support this functionality from my Figma prototype, so I implemented a custom solution using HTML, JavaScript, and CSS.
For the testimonial section, I envisioned an interactive carousel that would showcase client feedback in an engaging way. However, NameCheap's builder couldn't support this functionality from my Figma prototype, so I implemented a custom solution using HTML, JavaScript, and CSS.
For the testimonial section, I envisioned an interactive carousel that would showcase client feedback in an engaging way. However, NameCheap's builder couldn't support this functionality from my Figma prototype, so I implemented a custom solution using HTML, JavaScript, and CSS.
Similarly, the Products page required custom coding to achieve the desired presentation. I used gradients as backdrops for product images to make them stand out and implemented hover effects that enlarged images as users interacted with them.
Similarly, the Products page required custom coding to achieve the desired presentation. I used gradients as backdrops for product images to make them stand out and implemented hover effects that enlarged images as users interacted with them.
Similarly, the Products page required custom coding to achieve the desired presentation. I used gradients as backdrops for product images to make them stand out and implemented hover effects that enlarged images as users interacted with them.
Similarly, the Products page required custom coding to achieve the desired presentation. I used gradients as backdrops for product images to make them stand out and implemented hover effects that enlarged images as users interacted with them.
Each product listing included multiple angles and comprehensive descriptions, addressing the quality validation need identified in research. To streamline the ordering process, strategically placed "Send Inquiry" buttons generated pre-filled email templates, reducing friction in the purchasing workflow.
Each product listing included multiple angles and comprehensive descriptions, addressing the quality validation need identified in research. To streamline the ordering process, strategically placed "Send Inquiry" buttons generated pre-filled email templates, reducing friction in the purchasing workflow.
Each product listing included multiple angles and comprehensive descriptions, addressing the quality validation need identified in research. To streamline the ordering process, strategically placed "Send Inquiry" buttons generated pre-filled email templates, reducing friction in the purchasing workflow.
Each product listing included multiple angles and comprehensive descriptions, addressing the quality validation need identified in research. To streamline the ordering process, strategically placed "Send Inquiry" buttons generated pre-filled email templates, reducing friction in the purchasing workflow.
The About page's primary focus was its layout, where I created a balanced composition that highlighted essential information while making this text-heavy page digestible for users. This design effectively communicated the team's industrial background—a key need identified during research.
The About page's primary focus was its layout, where I created a balanced composition that highlighted essential information while making this text-heavy page digestible for users. This design effectively communicated the team's industrial background—a key need identified during research.
The About page's primary focus was its layout, where I created a balanced composition that highlighted essential information while making this text-heavy page digestible for users. This design effectively communicated the team's industrial background—a key need identified during research.
The About page's primary focus was its layout, where I created a balanced composition that highlighted essential information while making this text-heavy page digestible for users. This design effectively communicated the team's industrial background—a key need identified during research.
Scroll on Mockup to Reveal Full Page Layout
Scroll on Mockup to Reveal Full Page Layout
Scroll on Mockup to Reveal Full Page Layout
Scroll on Mockup to Reveal Full Page Layout
For the orders page, I coded an intuitive workflow that guides customers seamlessly through their purchasing journey—from initial order placement to real-time tracking and comprehensive order history. Leveraging Google Sheets as the backend, I implemented a dynamic search functionality that allows users to retrieve order details by entering specific information, instantly querying the sheet and returning precise, personalized results.
For the orders page, I coded an intuitive workflow that guides customers seamlessly through their purchasing journey—from initial order placement to real-time tracking and comprehensive order history. Leveraging Google Sheets as the backend, I implemented a dynamic search functionality that allows users to retrieve order details by entering specific information, instantly querying the sheet and returning precise, personalized results.
For the orders page, I coded an intuitive workflow that guides customers seamlessly through their purchasing journey—from initial order placement to real-time tracking and comprehensive order history. Leveraging Google Sheets as the backend, I implemented a dynamic search functionality that allows users to retrieve order details by entering specific information, instantly querying the sheet and returning precise, personalized results.
For the orders page, I coded an intuitive workflow that guides customers seamlessly through their purchasing journey—from initial order placement to real-time tracking and comprehensive order history. Leveraging Google Sheets as the backend, I implemented a dynamic search functionality that allows users to retrieve order details by entering specific information, instantly querying the sheet and returning precise, personalized results.
Scroll on Mockup to Reveal Full Page Layout
Scroll on Mockup to Reveal Full Page Layout
Scroll on Mockup to Reveal Full Page Layout
Scroll on Mockup to
Reveal Full Page Layout
The FAQs page utilized accordion dropdowns for easy information access, with a clear path to the Contact page for additional questions.
The FAQs page utilized accordion dropdowns for easy information access, with a clear path to the Contact page for additional questions.
The FAQs page utilized accordion dropdowns for easy information access, with a clear path to the Contact page for additional questions.
The FAQs page utilized accordion dropdowns for easy information access, with a clear path to the Contact page for additional questions.
The Contact page featured a prominent "Get In Touch" headline, multiple contact methods, and a form for convenient communication.
The Contact page featured a prominent "Get In Touch" headline, multiple contact methods, and a form for convenient communication.
The Contact page featured a prominent "Get In Touch" headline, multiple contact methods, and a form for convenient communication.
The Contact page featured a prominent "Get In Touch" headline, multiple contact methods, and a form for convenient communication.
Outcomes & Lessons
Outcomes & Lessons
Outcomes
& Lessons
Outcomes & Lessons
This project provided valuable learning opportunities in several areas.
This project provided valuable learning opportunities in several areas.
This project provided valuable learning opportunities in several areas.
This project provided valuable learning opportunities in several areas.
Working with a new platform presented challenges, but by supplementing with custom code, I delivered crucial interactive elements.
Platform Adaptation
Ensuring cross-device compatibility reinforced the importance of adaptable layouts and effective content reorganization.
Responsive Design
The project highlighted how proper prioritization of information based on user research creates an effective decision-making experience.
Information Architecture
Working with a new platform presented challenges, but by supplementing with custom code, I delivered crucial interactive elements.
Platform Adaptation
Ensuring cross-device compatibility reinforced the importance of adaptable layouts and effective content reorganization.
Responsive Design
The project highlighted how proper prioritization of information based on user research creates an effective decision-making experience.
Information Architecture
Working with a new platform presented challenges, but by supplementing with custom code, I delivered crucial interactive elements.
Platform Adaptation
Ensuring cross-device compatibility reinforced the importance of adaptable layouts and effective content reorganization.
Responsive Design
The project highlighted how proper prioritization of information based on user research creates an effective decision-making experience.
Information Architecture
Working with a new platform presented challenges, but by supplementing with custom code, I delivered crucial interactive elements.
Platform Adaptation
Ensuring cross-device compatibility reinforced the importance of adaptable layouts and effective content reorganization.
Responsive Design
The project highlighted how proper prioritization of information based on user research creates an effective decision-making experience.
Information Architecture
The resulting website met WadidSci's immediate needs while positioning them for future growth beyond their initial network.
The resulting website met WadidSci's immediate needs while positioning them for future growth beyond their initial network.
The resulting website met WadidSci's immediate needs while positioning them for future growth beyond their initial network.
The resulting website met WadidSci's immediate needs while positioning them for future growth beyond their initial network.
See It in Action
See It in Action
See It in Action
See It in Action
Explore how research-driven design decisions transformed into a functional website that establishes WadidSci's credibility in the lab equipment market.
Explore how research-driven design decisions transformed into a functional website that establishes WadidSci's credibility in the lab equipment market.
Explore how research-driven design decisions transformed into a functional website that establishes WadidSci's credibility in the lab equipment market.
Explore how research-driven design decisions transformed into a functional website that establishes WadidSci's credibility in the lab equipment market.
Explore Further
Explore Further
Explore Further
Explore Further
Discover how WadidSci's visual identity extends beyond the website through comprehensive branding, marketing materials, and merchandise.
Discover how WadidSci's visual identity extends beyond the website through comprehensive branding, marketing materials, and merchandise.
Discover how WadidSci's visual identity extends beyond the website through comprehensive branding, marketing materials, and merchandise.
Discover how WadidSci's visual identity extends beyond the website through comprehensive branding, marketing materials, and merchandise.
