Projects

LAST UPDATE ✦ 2024

©DALJJONEILLDESIGN

Safer Nightlife Campaign

UX Design

UI Design

Framer

Logo

soundOUT

soundOUT

soundOUT

Client

Client

FDYS

FDYS

Service

Service

Campaign Design

Campaign Design

Year

Year

2024

2024

Introduction

Introduction

SoundOut is an initiative by the Wexford Community Based Drugs Initiative (CBDI) to promote safer and more enjoyable nightlife experiences. The website serves as a hub for resources, information, and support related to substance use, personal safety, and community wellbeing.

SoundOut is an initiative by the Wexford Community Based Drugs Initiative (CBDI) to promote safer and more enjoyable nightlife experiences. The website serves as a hub for resources, information, and support related to substance use, personal safety, and community wellbeing.

Project Overview

SoundOut is an initiative by the Wexford Community Based Drugs Initiative (CBDI) to promote safer and more enjoyable nightlife experiences. The website serves as a hub for resources, information, and support related to substance use, personal safety, and community wellbeing.


UX Objectives

  • Create a clear, user-friendly information architecture to help visitors easily navigate and find relevant content

  • Develop an engaging, visually-appealing design that aligns with the brand's approachable and empowering tone

  • Optimise the website for seamless accessibility and usability across desktop and mobile devices

  • Implement intuitive way finding and CTAs to guide users towards taking actionable steps to improve their nightlife experiences


Research

The project began with comprehensive user research, including surveys, interviews, and competitive analysis. Insights revealed key issues among other websites promoting similar information to what was planned for the SoundOUT campaign.


Design Process

  1. Ideation and Wire framing: Building on the research findings, initial wireframes were drawn up for the navigation and user journey of the site.

  2. User Flows: We were able to map out to the paths users would take to access resources through our user flows to get a better idea of how to navigate the site.

  3. UI Design: I chose the colours of Wexford to establish the visual identity of the website with the intention of catching the attentions of locals whilst choosing a pastel style palette to keep the theme visually appealing.

  4. Interactive Prototyping: Prototypes were developed using Figma & Framer, allowing the client to view the entire process of the UI design.

  5. User Testing: Prototypes were usability tested by the employees of WCBDI and other stakeholders. Feedback showed areas needing improvement, like the navigation between campaign sections.

  6. Iteration and Finalisation: User feedback was incorporated, leading to a new layout for the Campaign sections. The new layout showed a more consistent process allowing users to pick and chose which section they would like to move between at any time rather than a restricted process.


Conclusion

The SoundOut website has received positive feedback from users. The clean, intuitive layout and supportive tone have helped lower barriers to accessing important information and resources.

Design Work

Design Work

Logo Design

Logo Design

Logo Design

The SoundOut logo design uses a bold, abstract wave pattern to convey a sense of energy and movement associated with the nightlife experience.

The SoundOut logo design uses a bold, abstract wave pattern to convey a sense of energy and movement associated with the nightlife experience.

Brand Guidelines

Brand Guidelines

Brand Guidelines

SoundOut's brand is centered on a welcoming, community-focused approach to safer nightlife.

SoundOut's brand is centered on a welcoming, community-focused approach to safer nightlife.

SoundOut's brand is centered on a welcoming, community-focused approach to safer nightlife.

SEO

SEO

Let’s Work Together

  • UI/UX Design

  • Copywriting

  • Design System

  • Responsive Design

  • Website Development

  • Typography

  • Technical Knowledge

  • Wireframing and Prototyping

  • daljjoneilldesign@gmail.com

Let’s Work Together

  • UI/UX Design

  • Copywriting

  • Design System

  • Responsive Design

  • Website Development

  • Typography

  • Technical Knowledge

  • Wireframing and Prototyping

  • daljjoneilldesign@gmail.com

Let’s Work Together

  • UI/UX Design

  • Copywriting

  • Design System

  • Responsive Design

  • Website Development

  • Typography

  • Technical Knowledge

  • Wireframing and Prototyping

  • daljjoneilldesign@gmail.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.