<p>User-experience (UX) design for mobile websites is a holistic discipline that it encompasses strategy, design and content, and more aligned with industrial design than graphic design or art. At the heart of UX design is the client/user and it is them who will determine the ultimate success of your mobile website. Here are 7 essential UX design tips for your next mobile-first website project:</p><h2>1. Know your Target Audience</h2><p><img src="https://strapi.darwinstaging.com/uploads/user_data_desing_audience_target_c2b6c5dbc5.jpg" alt="user-data-desing-audience-target.jpg" srcset="https://strapi.darwinstaging.com/uploads/thumbnail_user_data_desing_audience_target_c2b6c5dbc5.jpg 245w,https://strapi.darwinstaging.com/uploads/small_user_data_desing_audience_target_c2b6c5dbc5.jpg 500w,https://strapi.darwinstaging.com/uploads/medium_user_data_desing_audience_target_c2b6c5dbc5.jpg 750w,https://strapi.darwinstaging.com/uploads/large_user_data_desing_audience_target_c2b6c5dbc5.jpg 1000w," sizes="100vw"></p><p>Everything starts and ends with your target audience, therefore, do your homework. Never forget, you are designing with the end-user in mind. When you are looking for user data, start by exploring the three following groups:</p><h3>a. The Client</h3><p>When working with a client, interview all the internal key stakeholders as their opinions and insights may diverge.</p><h3>b. The Competition</h3><p>Make a competitive analysis by analysing three competition websites on both smartphone and desktop. Check out what keywords people are using to search for these sites with Google Webmaster Tools.</p><h3>c. The User</h3><p>Make sure you sieve through all available usage data to see who is accessing the existing website (if it exists), when, where, how and what they are doing.</p><h2>2. Keep it Simple</h2><p>Mobile-first design is about keeping your screen layout clean and simple. Each screen needs to convey one concept, a piece of information or call-to-action (CTA). For more complex actions or information, split up your layout while indicating clearly this screen is part of a larger suite of information or a group of actions. Regroup similar information and use white space purposefully.</p><h2>3. Size Matters</h2><p><img src="https://strapi.darwinstaging.com/uploads/design_size_matters_8a07cc7ea2.jpg" alt="design-size-matters.jpg" srcset="https://strapi.darwinstaging.com/uploads/thumbnail_design_size_matters_8a07cc7ea2.jpg 234w,https://strapi.darwinstaging.com/uploads/small_design_size_matters_8a07cc7ea2.jpg 500w,https://strapi.darwinstaging.com/uploads/medium_design_size_matters_8a07cc7ea2.jpg 750w,https://strapi.darwinstaging.com/uploads/large_design_size_matters_8a07cc7ea2.jpg 1000w," sizes="100vw"></p><p>There is a natural tendency to make content smaller for mobile design when in fact it is recommended that fonts and CTA buttons be larger. Have you ever found yourself skipping over large portions of small text on a mobile site because it is too difficult to read? Touchpoints like navigation, buttons and links must be finger size and not obscured by other dynamic areas.</p><h2>4. Speed Matters</h2><p><img src="https://strapi.darwinstaging.com/uploads/speed_mobile_phone_reload_design_28a0737693.jpg" alt="speed-mobile-phone-reload-design.jpg" srcset="https://strapi.darwinstaging.com/uploads/thumbnail_speed_mobile_phone_reload_design_28a0737693.jpg 245w,https://strapi.darwinstaging.com/uploads/small_speed_mobile_phone_reload_design_28a0737693.jpg 500w," sizes="100vw"></p><p>This is killer for many sites and is unforgiving when it comes to repeat usage. The mobile user of today is pretty impatient and will quickly give up on your website if it does not load within seconds. All those beautiful pictures and special effects if not adapted, may prevent a large portion of the population from ever viewing your site. Never compromise on speed however tempting it may seem.</p><h2>5. People are Lazy</h2><p>Generally people like instant gratification without doing too much work; and rightly so, nothing gives us the right to waste their valuable time. Filling out complex forms will frustrate and annoy the end user so always provide select menus and check-boxes where possible. If imputing text or numbers cannot be avoided, provide preemptive text like email or phone numbers. All users get infuriated when they cannot find something on your site; make sure your navigation is logical and well structured. A good search tool goes a long way, a bad one is just another nail in the coffin.</p><h2>6. Engage and Wow your Audience</h2><p>For all the good design work you have done, if your content is neither pertinent nor engaging, you will not retain your audience and they will move on. Creating good content requires people who are passionate, talented and know their subject matter. Make sure you find the right people to produce content. Rich media like audio and video is becoming cheaper and easier to produce and mobile users cannot get enough of it.</p><h2>7. Test, Test and Test Again</h2><p>Quality assurance (QA) testing, a/b testing and user testing are a critical every part of any project and probably the least loved by designers, developers and content produced. Similarly, on small projects, clients are the reluctant set-aside budget for testing. Continuous testing and new technical tools on the market make testing much simpler. This is a process that you will have to integrate but generally more planning and good project coordination make it more manageable.</p><p>We hope that you enjoyed this blog post, if you have any questions or comments please contact us at info@darwindigital.com</p>

7 UX Tips for Mobile-first Design Blog cover image

medium_7-UX-TIps-Mobile-first-Blog-Cover-800x800.jpeg

small_7-UX-TIps-Mobile-first-Blog-Cover-800x800.jpeg

thumbnail_7-UX-TIps-Mobile-first-Blog-Cover-800x800.jpeg

7-UX-TIps-Mobile-first-Blog-Cover-800x800.jpeg

7 UX Design Tips for Mobile-First Websites

Google Ads Agnecy Switzerland

Social Media Advertising Agency Switzerland

Content Marketing

Digital Marketing Agency Switzerland

Search Engine Optimisation (SEO) Agency Switzerland

Website Design Agency Switzerland

Mobile Application Design Agency Swizerland

UX Design Agency Switzerland

Digital Branding Agency Switzerland

Design and Branding

API Development Company Switzerland

WordPress Development Company Switzerland

Custom Applications Development Company

Web Development Company Switzerland

iOS App Development Company Switzerland

Android App Development Company Switzerland

Mobile Application Development Company Switzerland

Shopify Development Company Switzerland

WooCommerce Development Switzerland

Custom eCommerce Development Company

eCommerce Development Company Switzerland

Industrial and MEMs Companies Projects

Global Brands and Multinational Companies Porjects

MedTech and Healthcare Companies Projects

Educational Organsiations Projects

Non-profit governmental and non-governmental organisations projects

Direct to Client Businesses Projects

Projects

Careers

Company

Darwin Digital Blog

Contact Page

Privacy Policy

Cookie Policy

Darwin Digital is a Swiss full-service digital marketing agency experienced in the design and management of digital content, search engine, and social media advertising campaigns. 

company_image.png

twitter

Darwin Digital - Facebook

Darwin Digital Agency Switzerland

Darwin Digital

Darwin Digital - Full Service Digital Marketing Agency from Lausanne, Switzerland

favicon.ico

Mission and Values

Management Team

Clients

About the Darwin Digital Company

Industrial and MEMs Projects

Direct to Client

MedTech and Healthcare Projects

Non-profit Organisations

Education

Global Brands and Multinationals

Darwin Digital Projects

Services

Blog

Contact

<p>Diener Precision Pump is global leader in micro precision pumps in MedTech and High-tech industries. Already highly reputable in certain sectors such as dialysis, Diener has sort to move into new markets where innovation, precision and reliability are indispensable. To achieve their objectives, Diener needed develop a completely new digital strategy and presence.</p>

Diener Precision Pumps

Design and Branding Services

Do you need help with the design of your new Brand Identity and digital assets?

large_dpp-website-composition.jpg

medium_dpp-website-composition.jpg

small_dpp-website-composition.jpg

thumbnail_dpp-website-composition.jpg

dpp-website-composition.jpg

dpp-website-image-01.jpg

dpp-website-background-02.jpg

Website traffic has more than tripled through a combination of content marketing, SEO and SEM.

Website traffic has more than tripled through a combination of content marketing, SEO and SEM. Diener regularly appears in the top search results for relevant keywords.

Precision mechanical and micro-electromechanical engineering.

<p>Website traffic has more than tripled through a combination of content marketing, SEO and SEM. Diener regularly appears in the top search results for relevant keywords. \ Enhanced user-experience, new engaging content and meaningful call-to-actions has meant a 100% increase in qualified leads since the launch of the new website.</p>

Social Media Advertising

Search Engine Optimisation (SEO)

<p>Each aspect of the digital user journey was reviewed. From here Darwin developed a digital strategy to achieve Diener’s commercial objectives. Darwin’s multi-disciplinary teams successfully implemented each component of the strategy: design and development of the new website; digital marketing plan; search engine optimisation and content marketing.</p>

Douglas Robinson

Diener Precision Pumps Website Redesign

<p>The Swiss Polar Institute to facilitates and funds Swiss research projects in the World’s polar regions. As part of their mandate, they must report and publish the findings of these projects, which inevitably generated enormous amounts of data.</p>

Swiss Polar Institute

large_Swiss-Polar-Institute-bg.jpg

medium_Swiss-Polar-Institute-bg.jpg

small_Swiss-Polar-Institute-bg.jpg

thumbnail_Swiss-Polar-Institute-bg.jpg

Swiss-Polar-Institute-bg.jpg

Non-profit and non-governmental organisations.

<p>A centrally secured database with user-friendly tools allows SPI teams to save a substantial amount of time recording their findings. A wealth of information is readily available for other stakeholders and the public. Darwin’s multi-dissimilarly and highly technical staff provide SPI with the customer-service and expertise normally reserved to large multi-nationals.</p>

<p>Develop a custom API to allow research teams and other stakeholders push and pull data from a bespoke SPI database. Develop an intuitive user-interface that is quick and simple to use. Support SPI teams and staff to promote key projects with dedicated websites.</p>

Danièle Rod

<p>Watch measurement tools used by watchmakers to measure and adjust mechanical watches for the highest level of precision. H2i is completely reinventing the conceptual design of these tools to make them more ergonomic and user-friendly.</p>

<p>Deisgn and development of H2i website.</p>

large_h2i-website-composition.jpg

medium_h2i-website-composition.jpg

small_h2i-website-composition.jpg

thumbnail_h2i-website-composition.jpg

h2i-website-composition.jpg

<p>The new web has seen a dramatic increase in organic traffic as a result of the SEO work done on and off-page. The design and content see more repeat visitors and solid leads from Swiss watchmaking industry professionals.</p>

<p>Design and develop a new responsive website to promote the innovation and design aspects for the products. Ensure the site was performant and SEO-frienldy. Inform new customers on benefits of H2i products. Provide after sales information and tools in the form of software downloads and user guides. Integrate the site with third-party tools; shopify for Direct-to-Client sales and Salesforce to manage new prospects and leads.</p>

We design authentic, elegant, and user-friendly websites, whose look and feel reflect your brand’s personality and appeal to the core values and desires of your customers. 

Website Design Agency Lausanne  | Darwin Digital

large_image-2.webp

medium_image-2.webp

small_image-2.webp

thumbnail_image-2.webp

image-2.webp

Talk to our Design experts

Web Design 

Get in touch to discuss your project

We design websites that display your unique brand identity in a way that resonates with your core audiences' tastes.  


Your Bespoke Window to the World

Whether a visitor comes to your website to get information, connect with you, or make a purchase, our designs will provide them enjoyable easy-to-navigate user experience that will help them leave satisfied and convert them to loyal customers and brand advocates.

A Perfect Host

Depending on your industry and business type, your customers move through different digital spaces. We'll help you create a seamless user experience for them regardless of the device and channel they use to connect with your brand.

Responsive

<p>We design with your success in mind. Our multidisciplinary skillset allows us to create innovative and functional solutions that turn eyeballs and keep your customers hooked.</p>

<p>We create custom website design solutions that highlight your brand’s identity and spell out your unique selling points for your customers. In today’s saturated digital landscape serious brands with a growth mindset know that they need to create a custom website look and superior user experience in order to drive traffic to their website, attract leads and ultimately raise sales.</p><p>We work closely with our clients to understand what is it that differentiates their offering from the competition and bring that to the forefront in their new custom website design through powerful storytelling and fluid solutions designed pixel-perfect to work on all screen sizes and devices.</p><p>Our work is constantly guided by your requirements and in line with your pre-set KPIs. As a highly multidisciplinary team, we are always on top of trends in optimal user experience design and web development, as well as SEO and SEM hot techniques, which allows us to create exceptionally functional, modern and high-performing solutions.</p>

<p>Small businesses sometimes decide to try and create their first website from the ready-made template solutions as a more affordable option than hiring a professional design agency for a custom solution. However, instead of being limited by available themes and features, or have unnecessary functionalities burden your website’s performance, a custom website design allows you to focus your website’s messaging and look around your target audience’s pain points and customer journey, as well as to accentuate your unique offering. Custom design is more customer-centric, user-friendly, search-engine friendly, and scalable than built-in templates. &nbsp; &nbsp;</p><p>Therefore,&nbsp;we argue that&nbsp;the final return-on-investment promise of custom website designs is in fact much higher compared to that of ready-made solutions, and that this is the better option in the long run for businesses of all size.</p>

<p>We start the website design process by carefully listening to your business goals, examining your target market, audience and competition, and drafting the ideal user journey for your future website. After this, we create your sitemap, wireframes, style guide, and pages mockups.</p><h4>&nbsp;</h4><h4>Brand research</h4><p>We get to know your brand, your USPs, your market and your target audience.</p><h4>&nbsp;</h4><h4>Competition overview</h4><p>We research the best performers in your competition pool, and ask you for some websites you like and don’t like to understand your tastes.</p><h4>&nbsp;</h4><h4>Style Guide</h4><p>We define elements like the color palette, fonts and sizes that we will use for your website and other branding materials.</p><h4>&nbsp;</h4><h4>Sitemap</h4><p>This is the blueprint for your future website’s structure that helps search engines and users navigate and understand its content.</p><h4>&nbsp;</h4><h4>Wireframes</h4><p>These are x-rays of your future website’s pages need to adapt to your audience’s preferences, allow for easy and intuitive site navigation and provide a good user experience.</p><p>We will always create a few versions of website design packages to let you choose the elements and looks that best represent your brand.&nbsp;<br>&nbsp;</p>

<p>At Darwin Digital, we adapt our work to the changing needs and habits of our clients' customers. With the increasing use of mobile devices, it is crucial for websites to be accessible and functional on a variety of screens, including desktops, laptops, tablets, and smartphones, in order to reach wider audiences and meet the evolving needs of consumers.</p><p>Responsive website design is a technique to achieve just that – it is used to create a single website that adapts to different screen sizes and devices. The website layout, text, images, and other elements are optimized to adjust to the size of the user's device, ensuring a consistently optimal user experience. Responsive websites not only provide a seamless user experience, but also improve search engine optimization and increase user engagement, leading to better conversion rates.</p>

<p>We are aware that the majority of internet users nowadays access the web primarily through their mobile devices. This is especially important for businesses whose core audiences are younger digitally-native consumers accustomed to mobile-first interactions with their favourite brands.</p><p>That's why at Darwin Digital we have specialised in mobile-first web design philosophy which prioritizes the mobile experience when creating a website. In this approach, designers and developers focus on creating an optimal experience for users on smaller screens, adapting the layout, navigation and all other elements for mobile screen size and touch-screen interaction.</p><p>Because search engines give priority to mobile-friendly sites, mobile-first design goes beyond the aesthetics and also applies to technical considerations like download speed, and SEO of your website.<br>&nbsp;</p>

<p>To design high-converting e-commerce websites, we focus on these important points:</p><ul><li>designs must be visually appealing to attract visitors to site</li><li>features like product images, descriptions, and customer reviews must be strategically positioned and highlighted to respond to customer doubts and increase trust in the site</li><li>navigation must be easy and intuitive, calls to action clear and the checkout process seamless, to easily convert visitors into shoppers</li><li>mobile responsiveness is critical as more and more consumers use their mobile devices to shop online.</li></ul>

Web Design

Website Design that Stands Out

Your Bespoke Window to the World

A Perfect Host

Responsive

How we design top performing websites

Tailored Performance-driven Website Design

Custom vs. Template Website Design

What Goes Into Creating a Custom Website Design

Responsive Website Design

Mobile-first Website Design

eCommerce Website Design

Don't take our word for it, see for yourself

Diener Precision Pumps Website Redesign

Swiss Polar Institute

H2i

Do you need help with the design of your new Brand Identity and digital assets?