Urban Environment & Social Inclusion IndexEnvironment and social equity
UESI is a first-of-its-kind tool that leverages high-resolution, large-scale data to reveal how cities perform at the intersection of environment and social equity.
- Platform
- Next.js + Craft CMS
- Location
- North Carolina, USA
- Client since
- 2024
The final product
Screenshots showcasing the responsive design across devices.
The Brief
The team behind the existing Urban Environment & Social Inclusion Index (UESI) website, based at the University of North Carolina, USA, contacted us regarding the design and development of a new website to replace their Wordpress site.
The new site required a fresh, modern design and a deeper integration with the wealth of statistical data the team and their volunteers had collected and the ability to present that data in a range of insightful visualisations for the benefit of their users.
The new site involved two distinct elements, a Craft CMS element for the site’s content pages and a Laravel element for the data integration and visualisation pages.
What we did
The project began with a design process, to define the various template designs the site needed, which involved a period of discovery and content elements creation before moving into wireframing and then finally the production of hi-fidelity designs for the development teams to work from.
The UESI team were closely involved at every step of the design process, ensuring the design was a collaborative effort and resulted in a look-and-feel that met their needs exactly.
With the design work complete the front-end and back-end development teams could begin coding the site in Craft CMS and building out the integration with Dataverse (where the statistical data is stored for generating the site’s visualisations).
As the work progressed we were able to share a development URL with the client to gather their feedback and implement any adjustments until we reached a point when the site was ready to launch.
We’re delighted with the finished site and have received positive feedback from the UESI team and are already looking forward to enhancing and improving the site in the years ahead.
Key features
The components and capabilities we delivered.
Dataverse Integration
Back-end integration with Dataverse to pull statistical data and generate interactive visualisations for city comparisons.
Dual CMS + Laravel Build
Craft CMS for content pages combined with a Laravel application for data-driven visualisation pages.
Collaborative Design Process
Discovery-led design involving wireframing, content elements and hi-fidelity designs with close UESI team involvement throughout.
Thank you so much, Dan! We are thrilled with the new site and it’s been a pleasure working with you and your team.
Our approach
A proven process tailored to this project's unique requirements.
Discovery
We start by understanding your goals, audience, and constraints. Through workshops and research, we define the project scope and success criteria.
Strategy & Wireframing
We map out the user journey and information architecture. Low-fidelity wireframes let us test ideas quickly before committing to design.
UX/UI Design
Visual design that balances aesthetics with usability. We create interfaces that look great and guide users effortlessly toward their goals.
Development
Clean, well-documented code built on proven frameworks. We develop iteratively, sharing progress regularly so you're never in the dark.
Quality Assurance & Launch
Rigorous testing across devices and browsers. We handle deployment and ensure a smooth launch with minimal disruption.
Ongoing Support
Our relationship doesn't end at launch. We provide proactive maintenance, security updates, and responsive support to keep your product thriving.
related projects
Planning a similar project?
Let's discuss how we can help you achieve your digital goals. We typically respond within one business day.