Our Process – Phase Two
Design
This is the phase where we enter the “solution space,” where we look at how we can meet the organizational objectives and user needs that are defined in the discovery phase. Designers and system architects take the lead in design. This is when we finalize the features and functionality needed, the technical architecture of the solution. This is also where we provide a visual design concept and user workflows that will define the user experience on the website.
Architecture Diagram
An architecture diagram is a visual representation of a system’s components and their relationships.
Clickable Prototype
A clickable prototype is an interactive version of a UX wireframe. It’s used to simulate what a user would experience when using a product or service.
Component Library
A UI Component Library (or UI Kit) is a collection of design elements used to create an interface for a website or mobile application.
Concept Board
A concept board is a way to visually curate creative information in order to prepare for a new project.
Data Design
Data design is the process of creating and managing a web schema, or structure, for a website’s content and databases.
Design Inspiration & Analysis
Design inspiration and analysis is the beginning of the official design process. In this time we get client’s input on what they envision their website to be, from design elements to functionality.
Migration Planning
Migration planning involves the process of identifying, designing, and testing a plan for transitioning from one system to another.
Mockup
High fidelity mockups are a powerful tool for UI design and UX branding. A high fidelity mockup is a digital rendition of a website layout, created in a program like Figma.
Site Structure & Mapping
Site structure and redirect mapping are two key components of website development. Site structure is the way the content and pages of a website are organized.
Wireframe
A wireframe is a critical part of the UX/UI design process. It’s a plan of a website, created to help stakeholders visualize how their website will look and function before it’s fully designed.
