We gave breathalyzers a premium tech look in the new branding and website we built for AlcoDigital.
SCOPE
UX/UI Design
STRATEGY
BRANDING
WORDPRESS DEVELOPMENT
BRANCH
TEAM
Designer, Front-End Developer, Content Manager
0%
of the B2B buying journey happens digitally - before anyone talks to sales.
0%
of the B2B buying journey happens digitally - before anyone talks to sales.
0%
of the B2B buying journey happens digitally - before anyone talks to sales.
For the AlcoDigital brand, we created modern branding and a website that redefines the way measurement devices are presented. Instead of a typical, clinical look, we opted for a Dark Mode UI with a technical edge. Contrasting colors, high-quality packshots, and intuitive navigation highlight the precision of the devices and build user trust, guiding visitors smoothly from product discovery to purchase.
THE SOLUTION:
We designed an interface in the "Tech Premium" style.
Visual Identity: A deep black background combined with an energetic red (the brand color) gives the site character and elegance.
Product in Focus: In the Hero section and the product slider, we used large, crisp photos of the devices, which gain depth and detail against the dark background.
Education and Lifestyle: The bottom section of the page places the product in context – images of drivers and the road serve as a reminder of the brand's mission (safety), while also directing visitors to valuable blog content.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 734 151" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="ueKzkxcCV-3861571313-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(26, 26, 26)"/><stop offset="1" stop-color="rgb(17, 17, 17)"/></linearGradient><linearGradient id="kO7bleBTM-3861571313-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(26, 26, 26)"/><stop offset="1" stop-color="rgb(17, 17, 17)"/></linearGradient><linearGradient id="Cho9yAuQO-3861571313-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(26, 26, 26)"/><stop offset="1" stop-color="rgb(17, 17, 17)"/></linearGradient><linearGradient id="Q2NBeZGne-3861571313-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(26, 26, 26)"/><stop offset="1" stop-color="rgb(17, 17, 17)"/></linearGradient><linearGradient id="hGLouW7KU-3861571313-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(26, 26, 26)"/><stop offset="1" stop-color="rgb(17, 17, 17)"/></linearGradient><linearGradient id="jzgUugvxq-3861571313-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(26, 26, 26)"/><stop offset="1" stop-color="rgb(17, 17, 17)"/></linearGradient><linearGradient id="vW8gbXR4Z-3861571313-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(26, 26, 26)"/><stop offset="1" stop-color="rgb(17, 17, 17)"/></linearGradient><linearGradient id="NuJon5TCl-3861571313-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(26, 26, 26)"/><stop offset="1" stop-color="rgb(17, 17, 17)"/></linearGradient><linearGradient id="RWGxT8B3E-3861571313-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(26, 26, 26)"/><stop offset="1" stop-color="rgb(17, 17, 17)"/></linearGradient></defs><path d="M 0 73 L 72.885 73 L 102 0 L 28.073 0 Z" fill="url(%23ueKzkxcCV-3861571313-linear-gradient)" height="72.99998px" id="ueKzkxcCV" transform="translate(148 1.437)" width="102px"/><path d="M 0 73 L 73.6 73 L 103 0 L 28.348 0 Z" fill="url(%23kO7bleBTM-3861571313-linear-gradient)" height="72.99998px" id="kO7bleBTM" transform="translate(296 1.437)" width="103px"/><path d="M 0 73 L 72.885 73 L 102 0 L 28.073 0 Z" fill="url(%23Cho9yAuQO-3861571313-linear-gradient)" height="72.99998px" id="Cho9yAuQO" transform="translate(444 1.437)" width="102px"/><path d="M 0 73 L 72.885 73 L 102 0 L 28.073 0 Z" fill="url(%23Q2NBeZGne-3861571313-linear-gradient)" height="72.99998px" id="Q2NBeZGne" transform="translate(590 1.437)" width="102px"/><path d="M 0 73.001 L 73.6 73.001 L 103 0 L 28.348 0 Z" fill="url(%23hGLouW7KU-3861571313-linear-gradient)" height="73.00050000000002px" id="hGLouW7KU" transform="translate(341 74.436)" width="103px"/><path d="M 0 73.001 L 72.171 73.001 L 101 0 L 27.798 0 Z" fill="url(%23jzgUugvxq-3861571313-linear-gradient)" height="73.00050000000002px" id="jzgUugvxq" transform="translate(489 74.436)" width="101px"/><path d="M 0 73 L 73.6 73 L 103 0 L 28.348 0 Z" fill="url(%23vW8gbXR4Z-3861571313-linear-gradient)" height="72.99998px" id="vW8gbXR4Z" transform="translate(0 1.5)" width="103px"/><path d="M 0 73.001 L 73.6 73.001 L 103 0 L 28.348 0 Z" fill="url(%23NuJon5TCl-3861571313-linear-gradient)" height="73.00050000000002px" id="NuJon5TCl" transform="translate(45 74.5)" width="103px"/><path d="M 0 73.001 L 73.6 73.001 L 103 0 L 28.348 0 Z" fill="url(%23RWGxT8B3E-3861571313-linear-gradient)" height="73.00050000000002px" id="RWGxT8B3E" transform="translate(193 74.5)" width="103px"/></svg>)