Alchemiize from identity to Website Design & development

Alchemiize (formerly Truist) specializes in creating synergy among brand, talent, and technology. Their expertise lies in Employer Brand Support, Creative Services, People Team Enablement, and HR Technology Consulting.

The rebranding from Truist to Alchemiize involved creating a new brand image and identity, designing the UX/UI in Figma, and implementing the website in Webflow.

Identity & Design System with Figma

Alchemiize Color Palette: Balancing Warmth and Professionalism

The Alchemiize color palette blends warm and cool tones for a balanced, dynamic identity. Warm reds, oranges, and pinks evoke passion, creativity, and human connection, reflecting the brand's energy and engagement. In contrast, cool blues and grays provide calm, trust, and professionalism, grounding the design in stability and aligning with the brand's focus on innovation. Together, these tones create a cohesive, vibrant, yet reliable look that appeals to both creative and corporate audiences.

Alchemy Meets Modern Design

Alchemiize’s iconography draws from ancient alchemical symbols, representing transformation and creation, like the elixir of life and the magnum opus. These traditional motifs are reimagined with sleek, modern design, combining geometric shapes, abstract forms, and 3D elements to reflect a human-centric approach to innovation. By blending old-world mysticism with contemporary aesthetics, the brand embodies the transformation of human knowledge and experience through innovation.

Website Information Architecture and LOFI Wireframe with Figma

The information architecture and low-fidelity (LOFI) wireframing process in Figma is crucial for establishing a clear website structure before diving into UI design. By organizing content and mapping user flows early on, this step ensures that the site is intuitive and aligned with user needs. It also allows for early feedback and adjustments, streamlining the transition to UI design and minimizing potential issues later in development.

Website Design UI in Figma

Art Direction & User Interfaces

In the Website Design UI for Alchemiize, the process begins by transforming static, classical images into a cohesive art direction that integrates both photography and creative icons, along with unique elements specifically developed for the brand. This approach blends realism with abstract visuals, enhancing storytelling and reinforcing the brand’s innovative identity. Once the visual direction is established, the UI design for each page is developed in Figma, focusing on clean, intuitive layouts and interactions that engage users while reflecting Alchemiize's dynamic blend of tradition and modernity.

Website Interaction and animation on Webflow

Tailored User Experience Through Dynamic Interactions

Different interactions were tailored to the needs of each section across the Alchemiize website to enhance user experience and navigation. On the Service page, sticky cards guide users through the methodology, complemented by a soft background gradient to make the cards stand out without being distracting. The About page uses parallax scrolling and hover effects for a smooth, dynamic feel while browsing stories and values. The Partners page features a horizontal parallax effect to guide users through the various types of partnerships we look forward to.

Services - Sticky Cards

Services - Gradient Animation

Partners - Horizontal Scroll

About - Hover Menu

About - Animation Scroll & Hover

Say Hello & Wave Goodbye!

Let's connect and talk about your project—casual, fun, and free.

+1 917 2503453
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Please refresh and try again.