Encoding Solutions
Encoding Solutions is a company focused on exports, specializing in Microsoft technologies like .NET and SQL Server for web applications. They also offer mobile app solutions tailored for events and conferences.
Role: UX + UI Designer + HTML/CSS Developer
Client: Encoding Solution Redesign of a website
Tools: Figma, Photoshop, Visual Studio Editor
PROBLEM
The website, built on Wix CMS, needs a makeover to improve how it looks and works. A redesign will make it more attractive and easier for people to use.
SOLUTION
We’ve upgraded the website for a better experience: new look, works on all devices, easier to use with improved visuals and functions.
Process Flow: Case Study
Stakeholder Interview Document:
Description:
A dynamic services and product development company specializing in Microsoft Technologies.
Objective
To redesign the business website for improved user experience, reflecting the company’s expertise and attracting potential clients.
Business goal
Establish an online presence that effectively communicates the company’s expertise in Microsoft Technologies and attracts potential clients.
Target Audience
Age: 17 – 65 y, Gender: Male, Female, others, Location: Global, Income Group: 2 lakhs and more. Education: Graduates, Profession: Employed, Freelance, Homemake
Competitors
Nitor infotech, sk-infotech,
I conducted research through interviews, field studies, and surveys, and we have reached some conclusions.
Following is the user persona document.
User pain points:
- Outdated Design: Perception that the website looks outdated, impacting trust and credibility.
- Poor Usability: Struggles with small text and buttons that are hard to click on mobile devices.
- Lack of Engagement: Finds it hard to stay engaged with the website due to a non-intuitive user interface.
User Needs:
- Mobile-Friendly Design: A responsive website that adapts seamlessly to different screen sizes for a better mobile experience.
- Modern Look and Feel: An updated, trendy design that enhances the visual appeal and credibility of the website.
- User-Friendly Interface: Intuitive navigation and easily accessible information to improve overall usability.
User goals:
- Efficient Information Access: To quickly and easily find the information needed without excessive scrolling or searching.
- Seamless Mobile Experience: To have a seamless and pleasant experience when accessing the website on mobile devices.
- Engaging Content: To interact with engaging and visually appealing content that keeps them interested and coming back.
- Trust and Credibility: To feel confident in the website’s reliability and professionalism through a modern and user-friendly design.
- Task Completion: To be able to complete tasks efficiently, whether it’s making a purchase, finding information, or contacting support.
Information Architecture: Organizing, Structuring and labelling the information.
This contains the map or blueprint of the given module or website for organizing content of the website in a way that makes sense to the user
It can be wireframes or final layout. It gives an idea about how the final product will function. Low fidelity wireframe and high fidelity wireframes.
Typography
Font-family: Work sans
H1– 30px- bold
H2– 20px-bold
H3- 16px-medium
Text-field 16px- regular
CTA