Arxygen website, product UI and branding

The key to designing the UI for Arxygens dashboard and admin product was keeping things simple and easy to use while having all the information easily accessible. For each campaign a lot of data needed to be shown and 90% of that data needed to be easily editable from a single location to make it quick to edit lots of campaigns. Columned layouts were used to make the most of space and allow better screen real estate on mobile devices. Actions that need the user to edit large amounts of information, such as categories, are accessed via a slide in panel to allow all edits to be actioned in one place. Colours were aligned with the brand and buttons given a hierarchy to denote the priority of the action.

Music Streaming UI/UX design version 2

Go To Hear is an artist-friendly ethical fair music streaming service. Go To Hears’ exclusive UI/UX design and features help artists, fans and music industry professionals to all earn a fair reward for their hard work. The Go To Hear mission is to transform the music industry focusing firstly on changing the rewards for artists and educating fans on what a ‘fair price for music’ culture should be like.

Website Design – 10 Things to Consider When Planning Website

What are the most important things to consider when designing a website?

In today’s digital age, having a website is no longer optional; it’s a necessity. Research reveals that businesses without a website risk losing 70-80% of potential customers. Therefore, creating a well-designed and engaging website design is the crucial first step.

But how can you ensure that visitors to your site are captivated and stay engaged? The key lies in a website that is not only visually appealing but also highly functional and easy to navigate. If your website fails to meet these criteria, visitors will quickly bounce away and seek information or services elsewhere.

When it comes to building a website, there are numerous factors to consider. From the overall layout and design to carefully selecting the right fonts, colours, and optimising image use, every element plays a vital role in accurately representing your brand and captivating your audience.

Starting the process of creating a website for your business can be overwhelming. To help you get started, here are 10 essential website design considerations to keep in mind for your new venture.

Defining Goals and Objectives When Planning a Website Design

In the world of website design, proper planning sets the foundation for success. Without a clear roadmap and defined goals, your website may lack direction and fail to deliver the desired results. Here are key considerations when defining goals and objectives for your website design project:

  1. Identify Your Purpose: Determine the primary objective of your website. Is it to showcase products, generate leads, or provide valuable information to your audience? Clearly defining your purpose will guide the design process.
  2. Know Your Target Audience: Understand who your website design is targeting. Conduct market research to gain insights into their demographics, interests, and preferences. This knowledge will help you tailor the design and content to effectively engage your audience.
  3. Establish Measurable Goals: Set specific, measurable goals for your website. Examples include increasing conversion rates, boosting online sales, or improving user engagement. Clearly defined goals provide focus and help track the success of your design efforts.

Conducting Comprehensive Research

Thorough research is a critical step in the website design process. By understanding your industry, competitors, and target audience, you can make informed decisions that set your website apart. Consider the following research steps:

  1. Industry Analysis: Investigate trends, best practices, and emerging technologies within your industry. This knowledge will help you design a website that aligns with current standards and showcases your expertise.
  2. Competitor Analysis: Study your competitors’ websites to identify their strengths, weaknesses, and unique selling points. This analysis will inspire ideas for your own design while ensuring you differentiate yourself from the competition.
  3. User Research: Conduct surveys, interviews, or user testing sessions to gather valuable insights about your target audience’s preferences, expectations, and pain points. This user-centered approach will inform your design decisions and improve user satisfaction.

Creating a User-Centric Design

User experience (UX) is a critical factor in website design. A user-centric approach ensures your website is intuitive, visually appealing, and provides a seamless browsing experience. Consider the following aspects when creating a user-centric design:

  1. Information Architecture: Organize your website’s content in a logical and intuitive manner. Use clear navigation menus, headings, and subheadings to guide visitors and help them find information easily.
  2. Responsive Design: With the increasing use of mobile devices, it’s crucial to design your website to be mobile-friendly. Responsive design ensures your website adapts to different screen sizes and delivers a consistent experience across devices.
  3. Visual Design: Use visually appealing elements, such as high-quality images, engaging videos, and well-designed graphics, to capture users’ attention. A visually appealing website enhances user engagement and leaves a lasting impression.

Content Strategy and Planning

Great design alone isn’t enough to make your website successful. Compelling and relevant content is equally important. A well-planned content strategy ensures your website effectively communicates your message to your target audience. Consider the following when creating a content strategy:

  1. Keyword Research: Identify the keywords and phrases relevant to your industry and target audience. Use keyword research tools to discover popular search terms and incorporate them strategically into your content.
  2. Content Planning: Determine the type of content you’ll include on your website, such as blog posts, product descriptions, case studies, or videos. Create a content calendar to organise your content creation and publication schedule.
  3. SEO Optimization: Optimise your content for search engines by using relevant keywords, meta tags, and descriptive headings. This improves your website’s visibility in search engine results, driving organic traffic.

Visual Branding and Consistency

A visually cohesive website builds trust, conveys professionalism, and strengthens your brand identity. Consistency in visual branding ensures a seamless user experience. Consider the following when establishing visual branding:

  1. Logo and Colour Scheme: Design a distinctive logo that represents your brand. Select a colour scheme that aligns with your brand identity and use it consistently across your website.
  2. Typography: Choose fonts that are readable and visually pleasing. Maintain consistency in font styles and sizes throughout your website for a cohesive look.
  3. Imagery and Graphics: Select high-quality images and graphics that align with your brand style and message. Use them strategically to enhance your content and engage users.

Website Design Navigation and Structure

Easy navigation and a clear website structure are essential for visitors to find information quickly and efficiently. Consider the following when planning your website navigation and structure:

  1. Logical Hierarchy: Organise your website content in a logical hierarchy. Use a clear menu structure and ensure important information is easily accessible from any page.
  2. Intuitive User Interface: Design an intuitive user interface that guides visitors seamlessly through your website. Use breadcrumbs, search bars, and clickable buttons to enhance user experience.
  3. Call-to-Action Placement: Strategically place call-to-action buttons throughout your website to prompt visitors to take desired actions, such as making a purchase, subscribing to a newsletter, or contacting you.

Performance Optimisation

A fast-loading website is crucial for retaining visitors and improving user experience. Consider the following performance optimisation techniques:

  1. Website Speed: Optimise your website’s loading speed by compressing images, minifying code, and utilising caching techniques. This ensures visitors don’t get frustrated by long loading times.
  2. Mobile Optimisation: Ensure your website is mobile-friendly and loads quickly on mobile devices. Mobile optimization is critical, given the increasing number of users accessing websites from smartphones and tablets.
  3. Website Security: Implement robust security measures to protect your website and user data from potential threats. This includes using SSL certificates, regular software updates, and secure payment gateways for e-commerce websites.

Integrating Social Media in your Website Design

Social media integration allows you to leverage the power of social platforms to extend your website’s reach and engage with your audience. Consider the following when integrating social media:

  1. Social Sharing Buttons: Include social sharing buttons on your website’s content to encourage visitors to share it on their social media profiles. This increases brand exposure and drives organic traffic.
  2. Social Media Widgets: Embed social media feeds or widgets on your website to display real-time social media content and encourage users to follow or engage with your social profiles.
  3. Social Login: Offer visitors the option to log in or sign up using their social media accounts. This simplifies the registration process and enhances user convenience.

SEO Optimisation

Search engine optimization (SEO) is essential for increasing your website’s visibility in search engine results and driving organic traffic. Consider the following SEO optimisation techniques:

  1. Keyword Optimisation: Research and incorporate relevant keywords into your website’s content, meta tags, headings, and URLs. This helps search engines understand the context of your pages.
  2. Meta Tags: Optimise your meta tags, including the title tag and meta description, with concise, keyword-rich descriptions that accurately represent your page content.
  3. URL Structure: Create descriptive, keyword-rich URLs that are easy for both users and search engines to understand. Avoid lengthy and generic URLs.

Website Analytics and Tracking

Tracking and analyzing your website’s performance is crucial for making informed decisions and optimizing its effectiveness. Consider the following when setting up website analytics and tracking:

  1. Google Analytics: Install Google Analytics to track key metrics such as website traffic, user behaviour, and conversion rates. This data provides valuable insights into your website’s performance.
  2. Conversion Tracking: Set up conversion tracking to measure specific actions on your website, such as form submissions, purchases, or newsletter sign-ups. This helps you understand the effectiveness of your marketing campaigns.
  3. A/B Testing: Conduct A/B tests to compare different design elements, layouts, or calls-to-action. This allows you to optimise your website based on data-driven insights and improve its performance over time.

By considering these 10 important aspects when planning your website design, you can ensure a successful project that aligns with your goals, engages your target audience, and drives tangible results. Remember, proper planning and attention to detail are key to creating a website that stands out in today’s competitive digital landscape.

kc web design can help create a unique bespoke design for your website but if you’re going it alone and using this advice to create your own website design then you could try using a website builder such as Strikingly.

ActivateNow

Fujitsu’s flagship digital experience, ActivateNow, is a huge 3-day event each year including seminars, keynote talks, guest speakers and much more.

We were asked to design the website for ActivateNow last year (and again this year!) while Fujitsu was in the middle of a huge rebranding exercise. We had to start the designs before Fujitsu had even finalised the new brand!

Go To Hear Music Streaming Platform

Go To Hear is an artist-friendly ethical fair music streaming service. Go To Hears’ exclusive design and features help artists, fans and music industry professionals to all earn a fair reward for their hard work. The Go To Hear mission is to transform the music industry focusing firstly on changing the rewards for artists and educating fans on what a ‘fair price for music’ culture should be like.

Work Life Shift Blog

The concept of the workplace has changed. FUJITSU Work Life Shift helps organisations create digital workplaces for their employees wherever they choose to be, whether that’s at home, in an office or on the move.

kc web design are currently creating a new blog for FUJITSU Work Life Shift. As this is an ongoing project we’ll add more information as the project goes live later this year.

GlobeRanger website

As a wholly owned subsidiary of Fujitsu, GlobeRanger is a world-leader in IoT technology. kc web design was commissioned by Fujitsu and GlobeRanger to design and build a new independent website for GlobeRanger to showcase their IoT solutions and services.

Cleaning up Space

The UK Space Agency set out on a mission committing funding to combat space debris. To tackle this challenge, Fujitsu is working with Astroscale UK, University of Glasgow and AWS to successfully combine quantum-inspired computing and Artificial Intelligence to transform space debris removal.

kc web design was commissioned to design a webpage to showcase the collaboration and how Quantum-inspired computing working with artificial intelligence could solve the problems space debris causes.

IT365 website design

IT Support 365 is an IT Managed Services Provider with a focus on providing IT support to small and medium-sized businesses in the South of England and throughout the UK.

Working with the brilliant Kudos Marketing, we created a brand new design for the IT365 website.

Fujitsu & RAF 100 – Inspiring young people

kc web design were asked by Fujitsu and the RAF to build a website to promote career pathways to school children for Fujitsu and the RAF as part of the RAF 100 anniversary year. The website links in with live events all around the country where children get the chance to fly RAF planes in a virtual reality game with the website bringing the game online for all to play. The website also has engineering guides for building the best paper planes as well as videos and other content on jobs and careers at Fujitsu and the RAF.

Inspiring young people

The target audience of the website was 12 – 16 year olds. Research was carried out to enable us to create a design and feel that would engage with children and make the website content more interesting. Videos and interactive elements such as the virtual flying game and paper plane building were used to generate interest and keep the audience engaged so the user flow through the site ended with the right call-to-actions. The design and style of the site was very different to other Fujitsu sites, much less corporate and much more fun!

A successful RAF 100

The Fujitsu/RAF 100 website has had a brilliant year with hundreds of thousands of visits at it’s peak during the RAF 100 anniversary. kc web design worked hard to design and build a unique experience that would engage with a very specific user type for a short period of time and it’s been a huge success. Fujitsu and the RAF have some of the best career pathways for young people in the UK so please visit the site.

View Fujitsu & RAF 100 website »

UK & Ireland tech blog website design

kc web design and Fujitsu have been working together for a number of years. We originally created the Fujitsu UK tech blog website design back in 2014 and since then it’s gone on to become a leading tech blog for UK business leaders. The latest version of the blog website design will be it’s third incarnation making sure it stays at the forefront of it’s market. With hundreds of authors and thousands of articles covering multiple industries and topics the new blog design took over 6 months from initial ideas to finished site.

Goals for the new blog design

For this iteration of the site we wanted to create a more magazine like feel as well as bringing the design inline with ongoing changes to the main Fujitsu UK and Global websites. A massive overhaul of the main Fujitsu website is ongoing and we needed to make sure the blog was brought inline with those changes. More emphasis was given to key articles from all of the industries and topics on the home page. Larger header images, improved typography and readability, better accessibility and a more optimised mobile experience have all improved the general feel of the site.

Key changes on the Fujitsu blog website design

The main core of the site has essentially stayed the same but with some WordPress tweaks under the hood to improve performance. The design was completely changed and brand new code developed, gone are the old rounded corners and old style contained layouts replaced with a new modern look and feel to compliment the changes happening at Fujitsu. More use was made of larger screen sizes as well as a better small screen experience.

View Fujitsu UK blog »