4 months | UI/UX Design | Internship
Overview
During my internship at SkyIT, GBCS Group, I led the process of GBCS Group’s website redesign, transforming it into a user-friendly, AI-powered platform that enhances usability and reflects the future of fleet management.
What I did
My role involved conducting user research, developing wireframes and prototypes, and optimizing the site’s information architecture. I collaborated closely with stakeholders, presenting design updates weekly to ensure a user-centered and forward-thinking solution.
Project Impact
🔍 50%
🎨 40%
📈 25%
📢 20%
Quick glance at the re-design
As you scroll, you'll gain insights into the thought process, UX and psychology strategies, and other considerations that supported the redesign.
View Redesign
Problem Statement
The GBCS website suffers from outdated visual design, a lack of clear purpose and attention to detail, minimal interactivity, and limited user engagement, resulting in a subpar user experience and reduced effectiveness in meeting user needs.
Insights from the Interviews
Users found the website unclear and recommended clearer service explanations.
Design needed modern aesthetics, simpler fonts, and better readability.
Navigation was difficult; users suggested simpler menus, reduced scrolling, and prominent CTAs.
Content was scattered; users advised consolidating pages and adding videos or demos.
Suggestions to boost engagement included trial sign-ups, testimonials, and feedback options.
Scope for Improvement
Competitive Analysis
After user interviews, we conducted a competitive analysis comparing GBCS Group with top fleet management websites like Verizon Connect, Samsara, and Fleetio, focusing on user experience and interface design to identify strengths and weaknesses.
Ideation & Brainstorming
Sketches were created to brainstorm and present redesign ideas for weekly stakeholder approval, enabling iterative refinement. Multiple versions with varying colors, layouts, and interactivity were developed. These sketches helped visualize ideas, align with stakeholders, and guide the project toward a user-centered design. The final version, refined through feedback, focused on a clear homepage flow to effectively communicate the company’s offerings.
Wireframes
Using Figma, I created low-fidelity wireframes and refined them by incorporating images from the graphic designer and AI-generated visuals. I made 24-30 iterations, mainly focused on the homepage, and adjusted the design based on stakeholder feedback and usability insights.
High Fidelitiy Design
After addressing UX issues, I designed the desktop homepage in Figma. The stakeholders wanted a unique, engaging website with an element of surprise. We explored interactive features like parallax effects and, after several iterations, chose a futuristic theme. This design, featuring holograms, a dark theme, and blue hues, aligns with the brand’s “Space is not the limit” message.
Final Design
Scroll through the screen
