UI Design · Icons · Enterprise

Login Screen & Icon Set

Industry
Enterprise Software / Utilities
Role
UI & Visual Designer
Timeline
3 Months (2023)
Tools
Figma, Illustrator, SVG Optimizer, Storybook
Login Screen & Icon Set Primary Cover Screen
Overview

Project Overview

Sign In Screens New Icons for Windows based app Logo Design

Problem

The Challenge

Legacy login screens scaled poorly on high-resolution displays, resulting in pixelated icons. Additionally, a lack of consistent stroke weights in the icon library detracted from a professional appearance.

Research

Discovery & User Research

Audited 45 active icons in the console. Identified mismatched grid alignments and varying stroke weights. Established a unified 24px icon grid system to standardize the vector assets.

Design

Featured Highlights

Designed a clean, card-based login layout and created a custom vector icon library. Standardized stroke weights and tested scaling on high-DPI monitors.

Design Grid Element 1
Core User Interface Screens
Design Grid Element 2
Visual Systems & Guidelines
Detailed Layout Showcase
Detailed Design Presentation & Specifications
Results

Outcome & Metrics

The redesign was widely adopted and praised by both stakeholders and users. Visual consistency was successfully integrated across marketing deliverables and interface layouts, leading to a significant increase in user retention and conversion rates.

0
Custom vector icons designed
0
Clarity scale on high-DPI monitors
0
Positive feedback on login flow
Reflection

Key Learnings

Attention to detail in icon grids and stroke weights establishes visual trust. Consistent scaling ensures a professional look on all user displays.