Web Design for
Social Element
Social Element
socialelement.coSocial Element enable brands to show up and behave socially online and in real life, creating content and moments that are meaningful to people’s lives and feeds, whilst continuously pushing the boundaries of innovation.
The team were pivoting their offering and their tone of voice and branding had changed. The old website did not fit that narrative, so the team approached us to redesign and develop a brand new website that reflected their new brand.
Custom animated website with video-driven content & bold brand identity
The Scope
What They Wanted
“A website that reflected their updated branding and evolved service offering”
Social Element approached us to design and build a new website that reflected their updated branding and evolved service offering. Following a pivot, several of their services had changed, leaving the old website no longer fit for purpose.
With upcoming events on the horizon, the team needed their new branding and messaging live as quickly as possible. To support this, we developed a new website “skin” that showcased the refreshed brand, while retaining the existing pages behind a temporary holding layer to preserve SEO during the transition.
What We Did
Discovery & Branding
During the discovery phase, we worked closely with the Social Element team to understand their new direction, clarify their evolving services, and define the goals for the website. With the company’s upcoming events, we needed to develop the new website “skin” quite quickly, so we did this as part of the initial process to give the whole team an idea of design direction.
Brand System
Plus Jakarta Sans
Display Sans — Headings & TitlesMatter
Sans-Serif — Body Text
Wireframing
During the wireframing phase, we focused on creating a flexible content structure that would allow Social Element’s visual identity to be the key focus. Imagery and animated GIFs played a key role in showcasing the brand’s personality and work, so we made sure to design layouts with generous spacing and clear visual hierarchy, ensuring there was room for all of the site’s media to breathe while still supporting clear messaging.
Animations
Design
When it came to the design, the work was led by the initial website skin and Social Element’s new branding. We worked collaboratively with the Social Element design team to translate this new visual identity into a defined digital experience.
Design Evolution
Before
After
From outdated layout to a bold, video-driven brand experience
Development Breakdown
The website was built on WordPress using custom Gutenberg blocks, giving the Social Element team full flexibility to update content and evolve the site as their services continue to grow. Video content plays a key role throughout the site, helping to bring the brand and its work to life. Subtle, considered scroll animations were also introduced to add engagement, enhancing the user experience without distracting from the messaging.
What Makes Social Element Unique?
A community-first brand brought to life with motion, colour & real personality.
Web Design Trusted by over 500 global clients
Web Design Trusted by over 500 global clients
