Redesign, UI/UX, Case Study -
rigorous web service
Rigorous Web is a full-service agency with strong abilities in all kinds of Web Services like Website Development, Designing, Customization, Website Hosting, Application Development, e-Commerce Solutions, Search Engine Optimization and many more.
project overview
A client asked the team to design and develop a portfolio website for a commercial IT Company. Rigorous Web is a dedicated partner committed to the growth of businesses. With a comprehensive understanding of each component, the agency ensures that every website build addresses specific business challenges and delivers tangible results.
- User Friendly interface for easy exploration.
- Minimal and modern Design.
- Well-performing improves user experience.
- Better search engine rankings.
Problem statement -
Agency’s website currently exhibits outdated design elements that give it a corporate feel rather than reflecting our identity as an IT company. Additionally, we acknowledge that the website’s loading speed is slow, impacting user experience negatively.
- Design elements are not aligned
- Unnecessary steps included in the website's user journey.
- services are not adequately highlighted
- SEO efforts require improvement
Possible Solutions -
To address these issues and improve our website, we have developed a comprehensive plan of action:
- Modernize Design: website's design to align it with current trends and industry standards.
- Optimize Loading Speed: we will optimize the website's performance by implementing caching techniques, compressing images, and minimizing unnecessary scripts.
- Streamline User Journey: By simplifying navigation and eliminating redundant processes.
- Highlight Services.
- Improve SEO: By optimizing meta tags, improving keyword placement, and enhancing content structure.
My Role -
- UI Design
- UX Research
- Project Management
Timeline -
- January 2018 - December 2019
Tools Used -
- Photoshop
- Illustrator
- Figma
my contribution -
In this project, I served as the sole product designer, taking on multiple roles and responsibilities. I took charge of identifying the problem at hand, conducting user research and testing, creating user personas, and designing both the UI and UX. Additionally, I facilitated the smooth transition of the design to the development team, ensuring a seamless hand-off process. Throughout the project, I wore multiple hats and played a crucial role in every stage of the design process, from inception to implementation.
My Design Process
- Research -
- Competitor Analysis
- Problem & Solution
- User Flow
- Design -
- Site Map
- WireFrames
- UI Design
- Prototype-
- Uesr Testing
- Animation
- Client Approval -
- Final Presentation
- Development Proposal
- Design Hand Off -
- Dev Meeting
- Documentation
target user
Who is our target user?
Through a comprehensive analysis of the company’s history and examination of the previous year’s data, we gained valuable insights into the target audience and market dynamics. This research enabled us to identify the specific type of company we should prioritize when designing our website.
Startup Company
46%
established company
34%
Personal Use
13%
others
7%
By understanding the company’s niche, industry trends, and customer preferences, we were able to tailor our design approach to effectively engage the target market and create a visually appealing and impactful website that resonates with the desired audience.
competitor analysis
What can we learn from competitors?
We conducted a thorough analysis of our competitors’ websites. By studying their design strategies, we identified common elements of simplicity and modernity that resonated with us. Inspired by these findings, we aimed to implement similar solutions on our own website.
user friendly
91%
modern and minimalist design
67%
target customer
97%
- Streamline User Journey
- Modern design elements, clean layouts
- Optimize Loading Speed
Site Map
How would a user complete a transaction?
We developed a site map based on the specific requirements outlined by the client, with a primary focus on simplicity and user-friendly. Our team carefully analyzed the client’s needs and translated them into intuitive wireframes.
Style guide & ui design
Color palette
To create a cohesive visual experience, we derived a color palette directly from the colors present in the company logo.
#258bc6
primary
#18152b
secondary
#7d8185
text
Typography
Our selection of typography was a result of extensive research conducted on various IT companies and a thorough examination of the client’s requirements.
- Heading (H1-H6) - Poppins Font Family
- Body, Paragraph, Text - Muli
- link, Button - Poppins Font Family
Ui Design
We will overhaul the website’s design to align it with current trends and industry standards. By incorporating modern design elements, clean layouts, and intuitive user interfaces, we will create a visually appealing and engaging website that reflects the company’s identity.
Revisions
Feedback from client and how i improved my design.
We prioritize client feedback and consider it a valuable asset in our design process. Every piece of feedback provided by our clients is taken seriously and thoroughly analyzed. We place great importance on implementing client feedback to the best of our ability, ensuring that their suggestions and requirements are incorporated into the design. By actively incorporating client input, we strive to create a final product that not only meets their expectations but also exceeds them.
- Redesign Banner Images
- Improve typography according to client requirements
- Incorporating more modern design elements, clean layouts, and intuitive user interfaces
design hand off
How did I hand-off my designs to developers?
I facilitated the smooth transition of the design to the development team, ensuring a seamless hand-off process. Throughout the project, I wore multiple hats and played a crucial role in every stage of the design process, from inception to implementation.
- Dev Meeting
- Documentaion
- Final Presentaion
