UX Case Study
Technowizards is a technology company that offers various solutions and services, including AI-powered chatbots, automation tools, and software development. The website aims to attract potential customers, showcase the company’s products and features, and generate leads and conversions..
![TechnoWizards Case study](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Case-study.webp)
UI |
UX |
Branding |
Website |
App
![TechnoWizards Case study Banner](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Case-study-Banner.webp)
fdfdfdfsdf
SCOPE OF
WORK
![UX Research 2](https://contagion.co.in/wp-content/uploads/2023/01/UX-Research-2.png)
UX Research
![Strategy 2](https://contagion.co.in/wp-content/uploads/2024/03/Strategy-2.webp)
Strategy
![Branding 2](https://contagion.co.in/wp-content/uploads/2023/01/Branding-2.png)
Branding
![UI UX Design 2](https://contagion.co.in/wp-content/uploads/2023/01/UI-UX-Design-2.png)
UI Design
Research
The research methods predominantly were: Kick-off calls, Stakeholder interviews, Competitor Analysis, UX Audits, User Interviews, User Surveys, Contextual Inquiries, Journey Mapping, Content generation etc.
Our research involved persona development through user research to comprehend their pain points. Interactive prototypes to conduct usability testing to continuously refine the design depending on their responses.
IMPORTANT
goals
01
Prompt Query
Resolution
02
Improve response
times
03
Streamline
Navigation
04
Improve the
User Interface
05
Elevate Engagement
strategies
06
Improve
Accessibility
User personas
![TechnoWizards User personas](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-User-personas.webp)
Information
Architecture
![TechnoWizards Infomation Architechture](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Infomation-Architechture.webp)
Wireframes
Sketches
After defining basic functions, we started sketching which helped us set the user flows and define clear communication for users before we moved on to the user interface.
![TechnoWizards Wireframe 1](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Wireframe-1.webp)
![TechnoWizards Wireframe 2](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Wireframe-2.webp)
![TechnoWizards Wireframe 3](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Wireframe-3.webp)
![TechnoWizards Wireframe 4](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Wireframe-4.webp)
HIgh FIDELITY Wireframes
After working on the information hierarchy and user flows, we created high fidelity wireframes for the client before incorporating the design elements into the final design.
![TechnoWizards HI FIDELITY Wireframes](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-HI-FIDELITY-Wireframes.webp)
STYLE GUIDE
The style guide is used to form a unified style and holistic design of the application. When finalising the functionality or creating new design elements, the style guide allows you to maintain the integrity of the application design.
Typography
& Colors
![TechnoWizards colors](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-colors.webp)
![TechnoWizards Typography](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Typography.webp)
Final Screens
To get the perfect UI, we created mood board and defined a design system. Keeping the users in the center was the main goal of this project. Considering that we used the current UI trends and tried making it futuristic.
![TechnoWizards Web Design](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Web-Design.webp)
![TechnoWizards Web Design mockup](https://contagion.co.in/wp-content/uploads/2024/03/TechnoWizards-Web-Design-mockup.webp)