three levels of
• High Level Updates to Inject New Life
• Initial Modernization for Brand/Product
• Exploration of new visual ideas
• Inspirational Concepts
• Design Guidelines
• Product Makeover
• Revamped UI and Sample Designs of Core Interactions
• Pattern Library
• Design Language
• Coded snippets/Interactions
• Design and Development Repository
• The Single Source of Truth
The first option is ideal to quickly inject some new ideas and visions for a site and a brand. This offering includes a product feature teardown, competitive analysis, and 3 mood boards showing new trends in UI elements, type& color, imagery, and direction. In under a month, you can have a inspirational modernized product vision.
We choose a feature of the current site and strategically analyze it for opportunities to improve its experience.
We choose the same feature on a competitor's to see their visual treatment.
We update the look and feel of the client's feature. We want to make the redesign a sample vision for a new design language.
The second option is to do a 12-16 week full Design language, that includes a full technical audit of all products and a complete product makeover. This is the best option for a full overhaul to the entire design language, library, and architecture as well as the tools for creating future products. Ideal for a when design resources are light and big change is needed.
BOARDS & PRINCIPLES
We made mood boards to highlight the proposed styles and help visualize the concepts for product improvement.
We unify the products through the creation of a strong icon family that could be used globally across the product suite, at different scales.
We make the products more legible and easier to understand with clearer type and stronger information hierarchy.
We choose colors that make the visual information clearer, more approachable, and less alarming.
lighter modern ui
We create a UI that is more intuitive across platforms, and efficient to build.
We outline clearer actionable areas, without extra elements, for better usability.
We improve the interaction model with larger target areas and clearer selection states for better accuracy.
We better utilize screen layout and and optimize performance by focusing on the task at hand.
We create responsive layouts to improve the mobile and touch-screen experiences.
The third option is a full engagement. We take the design library, code it for development, and architect a platform for convenient access to deliverables across teams. A design system allows you to build, update, and create new product extremely quickly. This becomes the single source of truth for the entire company.
We deliver UI atoms in code for fast and seamless implementation.
GITHUB REPOSITORY &
We use industry standard technology to share deliverables, and work with your design and development teams to ensure quick adoption.