Step by step to the optimal web design
At valantic, design means more than the pure visual creation of digital applications, products or campaigns. In the words of Steve Jobs, “Design is not just how something looks and feels. Design is how it works.” And, we would add – IF it works perfectly.
also takes courage to explore new creative paths and realize ideas off the beaten track. That’s why – in the conception, design and implementation of our design projects – we rely on the user-centered approach (UCA).
We have combined elements from user-centered design and “design thinking” with an agile way of working. The result is an innovative project methodology. It allows us to implement projects at the highest creative level in an effective and goal-oriented manner.
The user-centered approach consists of five consecutive phases
Development of project goals and KPIs
User research and the customer journey
The foundation for success
User experience and technology in perfect harmony
The journey continues
Compared to other methods, the strict separation and the sequential nature of the phases may seem unusual at first. However, the separation of problem space (Envision, Discover) and solution space (Create, Deliver) is essential for the development of innovative concepts.
During the Envision phase, we work with you to identify a detailed vision of your project and derive specific project goals. These are condensed into a set of measurable success factors and target figures (KPIs) and arranged in the “KPI-doscope”. Similar to a kaleidoscope, the KPI-doscope visualizes the structural design of the performance indicators and illustrates core and secondary indicators in a diagram. This creates a blueprint with measurable targets for future success.
The foundation for the conception and design of successful projects is always a comprehensive understanding of user needs. Only those who know their users, their specific tasks, wishes and pain points can develop customized solutions and create an excellent user experience. In the Discover phase, we thus focus heavily on the users’ characteristics, tasks and typical contexts of use.
Interviews with test subjects from all relevant user groups provide authentic insights into user behavior. We use the information gained in the interviews to prioritize user groups and derive personas from them. As representatives of the target groups, personas help establish a clear and tangible picture of the goals, needs, challenges and wishes of the users. Working with personas is a proven and helpful tool for keeping users at the center of all efforts throughout the development process.
Based on the personas, the future journeys of all user groups are outlined in the form of a customer journey map. We show how users navigate through the pages and make visible what users experience and how they evaluate this experience. This enables us to identify weaknesses and pain points in the process and derive concrete measures to resolve them.
Equipped with the findings from the Discover phase, we now enter the solution space: the Create phase. In a user story mapping workshop, requirements are identified together with the users and stakeholders and arranged in the form of a user story map. This gives the project team a comprehensive overview of all areas and aspects of the project. Organized chronologically and thematically, the story map is also used to establish the MVP (Minimum Viable Product) and further releases.
The next step is to develop an individual information architecture. In a comprehensive set of wireframes, we map page types and user flows in schematic representations of the user interface. Wireframes are the optimal foundation for discussion due to their fast editability. They also act as a conceptual foundation for the design templates. In addition, wireframes facilitate early testing and optimization of the respective solution approaches.
Taking into account all the findings gathered so far, we develop a design concept that is individually tailored to your customers’ needs. The scope ranges from the development of a user interface design for specific page types to the complete redesign of the site’s visual appearance.
The detailed development of the user interface design is based on design templates for all page types used. With the help of clickable prototypes, we test the solution approaches and thus ensure quick adaptation if necessary. The development of the design templates is strictly component-based. Granular UI elements are combined into functional units (components and modules) and organized in a modular design system.
In addition to a first-class user experience, ensuring unrestricted usability is an implicit part of the design process. Our interdisciplinary design and development team collaborates closely to implement responsive applications and user interfaces based on state-of-the-art technologies.
The implementation takes place in a dual-track process: In the initial stage, we develop screen designs that are implemented in the following stage and tested in the third stage. This keeps the design effort required prior to the start of implementation to a minimum, which in turn ensures an earlier start of the agile implementation process. The interdisciplinary team is also able to immediately incorporate new input and concrete findings (e.g., from user tests).
Design and implementation thus take place in parallel and in the same team, which shortens communication paths and lead times for design activities.
With the final go-live, the foundation for a golden future has been laid. However, the project remains under continuous further development. User experience tests allow the project team to identify opportunities for improvement and uncover untapped potential. That’s how we ensure user acceptance in the long term.
Sounds good? It did to a lot of our customers as well. If you’re curious, you can read more about them in our success stories …
Coop City relies on SAP Commerce for its online store
New website for Styria and its holiday regions
All-round support for SIMPLON
Implementation of SAP Customer Data Cloud for V-ZUG
Inspire, create, repeat
Just give us a call!