Ntegrity Website Redesign – UX Design Case Study
Since 2012, Ntegrity has helped hundreds of organizations raise millions of donations and inspire action.
Client
Ntegrity is an award-winning agency that helps nonprofits organizations and the public sector. They work with hundreds of companies to inspire them to change and build confidence in the digital space.
All big ideas first start as a problem. Mine was simple: every agency I worked with only looked after themselves, not their clients.
Scope of work
Data collection
UX Research
Design Phase
User Testing
Development
QA
Technologies
For the development of the site, our team built Nuxt.js as the main framework. Winning revenge on all the necessary workpieces, which allows you to create a distribution with a server rendering in a light and with a high level of customization.
Audience
In cooperation with the client, several categories of users were developed and what their purpose was on the website was defined. We asked ourselves: "What would each of them get if they visit our site?" The answers allowed building a custom path.
Visual style
With the introduction of the visual style, we adopted the principle of “focus on the important”. The very thing was turned into a minimalistic style. By using free space, we managed to draw users attention to important content.
We did not change the color palette, but added rigor to it. The combination of bright and contrasting colors on the page allows you to quickly highlight and read the main thing.
Based on the logo, Graphik LCG was chosen as the main font for the site. It embodies confidence and dynamism. Combined with a color palette, the font created the basis for the new site.
Identity
We developed a new visual identity that allowed for visually remembering and increasing brand awareness. The vibrant graphics and palette are reminiscent of the values that were laid down by the brand - positive, passion and dedication.
Design system
The retreat system was taken as a basis, which made it possible to develop a holistic structure with which the user interacts.
Result
By creating a new visual style, we were able to distinguish Ntegrity from competitors in the market. Due to bright accents, it was improved user experience introducing new navigation items, items and blocks.
Thats how this site adapts to other screen sizes
Other pages
The inner pages have a new style element - geometric objects. They helped us to tie the site together in a consistent style and at the same time keep the page content oriented format.
Technical development
The development team has integrated the website with the Storyblock CMS system. The modular structure gave the Ntegrity team complete control over creating new pages, copying and reusing sections with ease and no additional programming.
Easy customization of blocks. All blocks, which come for control, lie down the control instead of the foldable layouts. Possibility of a variety of different components, which allow you to re-use the components in the same microscopic ones, again with a new one in the place of the skin once, if it is necessary.
Simple hierarchy. It is possible to create your own hierarchy. In order to run a reliable environment, it is very important to define the various stages of testing content before it appears on the web.
Activity log. Track changes and recovery to any point in time. Storyblok always allows you to rollback changes with unlimited version history, and deleted content items can be restored from the Recycle Bin.
Image resizing. Transform your images on the fly.
Storyblok converts, optimizes and caches images for fast viewing and optimization.
ARX Corporate website
Request a quote.
Thanks for scrolling this far. Let's take the next step. Provide us with a brief description of what you are going to build.