UI/UX

How To Make Ordinary Extraordinary in Web Design (Part 2)

August 8, 2022
|
3
min read
Share
text
table of content
Myroslav Budzanivskyi
Co-Founder & CTO
Get your project estimation!

As we already mentioned in a previous article – anything can be beautiful. We aim to see this beauty and catch inspiration for creating a web design with a magic touch.

Max Böck’s Technicolor Dream

There is so much exciting stuff to like about Max Böck’s website, but now we want to bring your attention to color schemes. Most websites have one color scheme.

Light and dark are the new normal, but as Böck himself writes in his blog post about the theme switcher, only Siths deal in absolutes. The site switches between color schemes seamlessly through the magic CSS custom properties. We recommend reading the full post linked above for a full breakdown of how it works.

It’s a fun twist on the traditional light/dark dichotomy and speaks to just how fluid sites can be nowadays. The same groundwork could allow you to adjust color schemes depending on where people visit the site, for example.

Overpass Sells Sales

Sales isn’t precisely a sector that screams innovation, but credit where credit is due. Overpass’s carousels bounce and shrink and expand so smoothly that it almost feels like you’re interacting with something tactile.

Here, the touch-action and translate3d() CSS functions are significantly used, making the cards container something that can be effectively dragged around the screen. When the container is grabbed, all cards use scale(0.95) to recede ever so slightly until the user lets go. It gives the carousel a lovely sense of depth and lightness.

The audio clips are a nice touch. Multimedia integration has been a running theme in these examples.

E-Commerce Meets Long Form Storytelling on Mammut

We already mentioned storytelling in design on our blog, and here is one more example of storytelling power.

Many e-commerce websites seem to have forgotten this, each serving up page after page of glossy products floating in front of perfect white backgrounds.

It’s refreshing then to see a company like Mammut going all in on storytelling to sell its hiking products. Their long-form expedition articles are as immersive as the most attractive New York Times feature, with audio clips, maps, and, naturally, stunning photography. Mammut gear features heavily, of course, but it’s done in a tasteful and authentic way.

Mammut puts human experience front and center. Yes, they still want to sell you stuff, but they also want to celebrate the adventures that stuff can be a part of.

Not everyone has the resources for something this cutting edge, but it shows that e-commerce doesn’t have to be sterile and lifeless.

Axeptio Makes Its Cookies Palatable

Instead of treating its cookie pop-up like a foul odor, web consent solution provider Axeptio walks the walk by making them look stylish and rather charming. With GDPR (and basic decency) to think about, it’s essential to weave ethical design into a website’s fabric.

Axeptio shows a great example of data transparency. No walls of legal jargon, no near-impossible opt-out system — just precise info on what the data is being used for.

A lovely touch is that it doesn’t pop up until users start moving around the site. Notice that they’ve also dropped the boilerplate cookie jargon in favor of something more conversational.

Granted, this may not make the mundane ‘extraordinary’ exactly, but it does make it a whole lot classier. It’s a slight touch, but one which makes an excellent first impression. Without even touching my mouse, I already have a sense of Axeptio’s attention to detail and commitment to quality.

As far as cookies and pop-ups are necessary, we may as well own them. The same applies to other unsexy staples of the modern web. Do legal consent forms, email signups, and privacy pages have to be ugly and elusive, or do we need to think a little differently?

Source: https://www.smashingmagazine.com/

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

UI/UX
Rate this article!
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
56
ratings, average
4.7
out of 5
August 8, 2022
Share
text

LATEST ARTICLES

October 7, 2024
|
7
min read

Custom Software for Startups: Accelerating Innovation and Growth

Explore how custom software development can drive innovation and growth for startups. Learn the benefits of tailored solutions and key considerations for successful development to achieve a competitive advantage in today's digital landscape.

by Myroslav Budzanivskyi
Read more
Read more
October 4, 2024
|
6
min read

How Neobanks Are Redefining Customer Expectations in Financial Services

Discover how neobanks are reshaping customer expectations in financial services with their mobile-first approach, transparency, and personalized banking experience. Learn how these digital-only banks are driving innovation in the financial sector.

by Konstantin Karpushin
Fintech
Read more
Read more
October 2, 2024
|
7
min read

The Future of Telemedicine: How AI and IoT are Revolutionizing Healthcare

Discover how AI and IoT are revolutionizing telemedicine, enhancing accessibility, efficiency, and personalized healthcare. Explore the future of remote healthcare delivery and its implications for patients and providers.

by Konstantin Karpushin
HealthTech
AI
IoT
Read more
Read more
September 30, 2024
|
6
min read

Understanding DevSecOps: Integrating Security into DevOps

Learn how to integrate security into your DevOps pipeline with DevSecOps. Discover key principles, benefits, challenges, and best practices for secure and efficient software development.

by Myroslav Budzanivskyi
DevOps
Read more
Read more
September 27, 2024
|
7
min read

Tips for Effective Remote Team Collaboration in Tech Projects

Discover essential tips for effective remote team collaboration in tech projects. Learn how to streamline communication, adopt Agile methodologies, manage time zones, and use the right tools to ensure productivity and success.

by Konstantin Karpushin
IT
Read more
Read more
September 25, 2024
|
7
min read

Cybersecurity Threats to Watch Out for in 2024

Stay ahead of emerging cybersecurity threats in 2024. Learn about ransomware 3.0, AI-driven attacks, cloud vulnerabilities, and more, and discover proactive strategies to protect your organization from evolving digital dangers.

by Myroslav Budzanivskyi
Read more
Read more
September 23, 2024
|
6
min read

Flutter vs React Native Comparison: Which is Better for App Development in 2024?

Discover the key differences between Flutter and React Native in this 2024 comparison. Learn which framework is better for your app development needs, covering performance, UI, developer experience, and more.

by Myroslav Budzanivskyi
Read more
Read more
September 20, 2024
|
8
min read

Mobile Design Psychology: Leveraging User Emotions for Better UX

Learn how to leverage mobile design psychology to create emotionally engaging user experiences that enhance satisfaction, retention, and loyalty in mobile apps.

by Konstantin Karpushin
UI/UX
Read more
Read more
September 18, 2024
|
7
min read

A Step-by-Step Guide to Successful Custom Software Development

Discover a step-by-step guide to custom software development. Learn how to plan, design, develop, and maintain tailored software solutions that meet your unique business needs.

by Myroslav Budzanivskyi
Read more
Read more
September 16, 2024
|
6
min read

Digital Transformation: Strategies for Modern Enterprises

Explore essential strategies for successful digital transformation in modern enterprises. Learn how to embrace change, leverage emerging technologies, and enhance customer experience to drive innovation and stay competitive.

by Konstantin Karpushin
Read more
Read more

Let’s collaborate

Have a project in mind?
Tell us everything about your project or product, we’ll be glad to help.
+1 302 688 70 80
business@codebridge.tech
Attach file
By submitting this form, you consent to the processing of your personal data uploaded through the contact form above, in accordance with the terms of Codebridge Technology, Inc.'s  Privacy Policy.

Thank you!

Your submission has been received!

What’s next?

1
Our experts will analyse your requirements and contact you within 1-2 business days.
2
Our experts will analyse your requirements and contact you within 1-2 business days.
3
Our experts will analyse your requirements and contact you within 1-2 business days.
Oops! Something went wrong while submitting the form.

How To Make Ordinary Extraordinary in Web Design (Part 2)

As we already mentioned in a previous article – anything can be beautiful. We aim to see this beauty and catch inspiration for creating a web design with a magic touch.

Custom Software for Startups: Accelerating Innovation and Growth

In today's competitive and fast-paced digital landscape, startups are constantly seeking innovative ways to gain a foothold in their industries. For many, custom software development has emerged as a key driver of innovation and growth, offering tailored solutions that meet specific business needs and goals. Unlike off-the-shelf software, which often comes with limitations in functionality, scalability, and flexibility, custom software empowers startups to develop unique, scalable, and efficient systems that align perfectly with their business models.

This article explores the benefits of custom software for startups, how it accelerates innovation and growth, and key considerations for choosing the right development approach.

How Neobanks Are Redefining Customer Expectations in Financial Services

Neobanks, or digital-only banks, are reshaping the financial services landscape by offering a customer-centric, tech-savvy approach that addresses the pain points of traditional banking. With no physical branches, neobanks deliver financial services entirely through mobile apps and online platforms. Their agility, focus on user experience, and adoption of cutting-edge technologies are significantly altering customer expectations, making neobanks a disruptive force in the industry.

This article explores how neobanks are redefining customer expectations in financial services, examining their key characteristics, the benefits they offer, and their influence on the broader banking ecosystem.

The Future of Telemedicine: How AI and IoT are Revolutionizing Healthcare

Telemedicine, once a nascent field, has grown exponentially in recent years, driven by advances in digital technology and an urgent need to provide healthcare services remotely. The COVID-19 pandemic acted as a catalyst, pushing healthcare providers and patients alike to embrace remote consultations, diagnosis, and treatment. In this context, Artificial Intelligence (AI) and the Internet of Things (IoT) have emerged as game-changing technologies, enhancing the reach, efficiency, and effectiveness of telemedicine. 

This article explores how AI and IoT are transforming telemedicine, creating more personalized, efficient, and accessible healthcare for patients globally, and what the future holds for these technologies.

Understanding DevSecOps: Integrating Security into DevOps

In today’s fast-paced digital world, organizations are under constant pressure to develop and deploy software more quickly while maintaining high levels of security. Traditional software development models often treated security as an afterthought, tacking it on at the end of the process. However, as cyber threats have become more sophisticated and frequent, there’s a growing recognition that security must be integrated into every stage of the software development lifecycle (SDLC). This is where DevSecOps comes into play.

DevSecOps stands for Development, Security, and Operations. It is an evolution of the DevOps approach, emphasizing the inclusion of security practices within the DevOps pipeline. By embedding security directly into the workflow, DevSecOps ensures that applications are secure from the start, without compromising speed or agility. This article provides a comprehensive guide to understanding DevSecOps and its benefits, challenges, and best practices for integrating security into your development pipeline.

Tips for Effective Remote Team Collaboration in Tech Projects

The rise of remote work has significantly transformed how businesses operate, especially in the tech industry. Remote teams are now the norm, and with the right strategies, they can be just as, if not more, productive than traditional in-office teams. However, successful remote team collaboration in tech projects requires a structured approach to overcome the challenges of distance, time zones, and virtual communication barriers.

This article will provide a comprehensive guide on the best practices for effective remote team collaboration in tech projects, offering tips to foster productivity, improve communication, and ensure the seamless delivery of projects.