Academy Xi Blog

What is wireframing? How to create a website wireframe and the best tools to use

By Academy Xi

Share on facebook
Share on linkedin
Share on twitter

Are you new to the world of wireframing? Learn how to use wireframing and the latest software, so you can do web design and UX the right way.

What Is Wireframing?

For the sake of simplicity, think of wireframing as a bit like creating an architectural blueprint for a new building. A wireframe is a basic, two-dimensional visual plan for the layout of a website, app, or digital product. 

Product Designers, Web Designers and UX Designers use wireframing to arrange and prioritise the features of a design, giving them a clear picture of how its users will interact with it. 

There are many different types of wireframe (we’ll cover them in a bit), but the most common form is a low-fidelity sketch. This kind of wireframe only depicts the design’s functionality, without incorporating any stylistic features. This means many wireframes look incredibly simple, with only grey colour schemes, placeholders for images and ‘lorem ipsum’ for text.  

What is a website wireframe

What is a website wireframe?

Creating a website wireframe involves planning the structural framework of a website’s pages. Various teams use website wireframes to align on the layout, user flow and information architecture that a website will entail. 

As well as guiding the web design process at a structural level, website wireframes can be stylised, showcasing the user-facing elements of each page, including design features, colour palettes and other forms of visual content.

Website wireframing is normally an iterative process, which involves producing multiple wireframes (or prototypes), before a final design template is agreed upon.  

Why create a website wireframe? 

There are a number of benefits that come with creating website wireframes. Most importantly, they ensure cross-functional teams are on the same page before the web development process begins.

Some of the other organisational benefits that a website wireframe offers include:

  • It clarifies the overarching goals of a website and streamlines the design process
  • It documents the team’s decisions about which functionality and content to prioritise
  • It clarifies how users will interact with the website and offers the chance to optimise the UX
  • It documents how various aspects of the website will connect and establishes consistent ways of displaying content
  • It allows teams to share the design with clients and stakeholders before the website is built

What are the different types of wireframes?

Now you’re well and truly sold on the value of a wireframe, maybe it’s time to make one for yourself? Before you rush off and start designing, it’s wise to figure out which type of wireframe best suits your project. The most common types of wireframe include: 

  • Low-fidelity wireframes

Low-fidelity wireframes are normally just quick, simple designs that make ideas more tangible. Low-fidelity wireframes are usually black and white sketches that focus on the ‘big picture’ of a website’s layout. UI elements are usually depicted as boxes and lines without any details.

  • Mid-fidelity wireframes

A mid-fidelity wireframe is a step up from its low-fidelity counterpart. Mid-fidelity wireframes will have more detail, including accurate spacing, headlines, banners and buttons. The page designs might even be displayed in a sequence, called a wireflow, illustrating exactly how the whole website will fit together.

  • High-fidelity wireframes

A high-fidelity wireframe captures the look and feel of a website in the advanced stages of the design process. Hi-fidelity wireframes go beyond the placeholders and lorem ipsum text of low-fidelity wireframes, specifying actual content, typefaces, colour schemes, image dimensions and branded elements.

  • Mobile website wireframes

Much like a low-fidelity wireframe, a mobile website wireframe is normally a two-dimensional sketch that serves as a visual guide for the appearance and functionality of a mobile website. A mobile website wireframe doesn’t represent the full design, only depicting the screen layouts and key design components.

How to create a simple wireframe

Now you’ve picked the type of wireframe you’re going to create, here’s a four-step guide to help you kickstart the wireframing process:

  • Step 1: Determine your website device size

The sizing of your wireframe will depend on which device you’re designing for. There are three device sizes to choose from:

  • Desktops have a size of 768 pixels wide x 1366 pixels long
  • Tablets have a size of 800 pixels wide x 1280 pixels long (8” tablet) and 1200 pixels wide x 1920 pixels long (10” tablet)
  • Mobiles have a size of 1080 pixels wide x 1920 pixels long

Depending on the usage you’re planning for your website, you might design wireframes for all three device sizes.

  • Step 2: Understand the goal of the website

At the beginning of the wireframing process, it’s crucial to define your website’s goals. Do you want to generate more traffic? Do you want users to purchase something, or download an app?

Whatever your goals are, they will guide the wireframing process at every stage. Write your goals down on sticky notes and attach them to your wireframe template. This will keep the website’s goals top of mind amongst your team.

  • Step 3: Understand the user flow

Designing your user flow will help you track and plan movement within your website. The aim is to make your website as easy to navigate as possible. 

A wireflow is a hybrid document that combines a wireframe with a user flow diagram. Simply adding arrows and annotation between wireframes on a single canvas will indicate the paths a user may take while moving around in your website.

  • Step 4: Know the conversion points

Building on your understanding of the user flow, it’s important to plan exactly how the user will move through the website and complete each step of the process you want them to carry out. 

You’ll need to determine which buttons, menus and links will guide the user through each step. You’re aiming to smoothly move the user through the conversion points, enabling them to easily perform the task that you set as your goal in step 2. 

How to create a simple wireframe

What are the best tools to create wireframes with?

There are plenty of software options that can take the heavy lifting out of creating your wireframe. Some of the handiest wireframing software on the market includes:

  • Figma – Offering a range of customisable wireframe templates, Figma streamlines the process of producing website mockups. Figma is browser-based, so sharing your wireframes is as straightforward as sharing a link. Your team can leave direct comments, meaning you can easily field questions and gather feedback.
  • Adobe XD – Adobe XD is a powerful, free wireframing tool that’s perfectly suited to website design. With Adobe XD, you can quickly sketch layouts, design UI elements, create user flows and plan information architecture, all with a single design tool.
  • InVision – InVision is an online whiteboard platform designed specifically for prototyping. InVision tools mean your team can quickly iterate, share design ideas and gather feedback from users, designers, and stakeholders. This leads to wireframes that are more responsive and interactive.   
  • Sketch Sketch is known for being one of the easiest wireframing tools to pick up. Sketch artboards can be used to quickly illustrate wireframes, offering a combination of drawing tools and vector design shapes. Sketch tends to be better for solo projects, since it only allows designs to be shared once they’ve been completed.

Want to make wireframing part of your career?

If you want to make wireframing a regular part of your day-to-day work, then a career in UX UI Design is your best bet. Wireframing is an integral part of the UX process and a technical skill that no accomplished UX Designer could do without.

Academy Xi UX UI Design courses give you all the practical skills needed to break into the industry. You’ll learn to place the user’s needs at the centre of the design process, so you can create smooth and functional products that leave a lasting impression.

Whether you’re looking to upskill and test the waters of the industry, or launch a completely new career as a UX Designer, we’ve got the perfect course for you:

  •  UX UI Design: Elevate – For upskillers looking to boost their career prospects with in-demand creative capabilities 
  • UX UI Design: Elevate (Self-Paced) – For upskillers looking to boost their career prospects with in-demand creative capabilities, whilst enjoying the flexibility of self-paced learning
  • UX UI Design: Transform – For career changers, looking to transform their profession with a course offering access to a Career Support Program that helps 97% of graduates land their dream role 

Not sure which is the best course for you? Chat to one of our course advisors and we’ll help you break into one of Australia’s most creative industries.

Academy Xi Blog

Colour theory and colour palettes for designers

By Academy Xi

Share on facebook
Share on linkedin
Share on twitter

Far from just making things ‘look pretty’, Graphic Designers draw on some complex theories to increase the impact of their work. Read on to find out how you can make a splash with your designs using colour theory.

What is colour theory?

It was the English mathematician and bonafide brainbox Isaac Newton who first developed colour theory. Using a prism, Newton split white light into a spectrum of colours and then wrapped the spectrum around itself to create the colour wheel.  Colour theory has developed into a set of rules which helps designers use colour to convey messages and elicit emotional responses. Picking colours for a particular brief, designers refer to the colour wheel and knowledge about optics, psychology, behavioural science and much more. What is colour theory

Why should you care about colour theory? 

Artists and designers have been using Newton’s wheel to create eye-catching visuals for hundreds of years. In a business setting, colour is one of the most significant variables that can determine what we buy, from the foods we eat, to the clothes we wear and the cars we drive.

The best marketing uses colour to appeal to our senses, helping us to develop an emotional connection with a brand and ‘feel’ our way toward a purchase. As a result, applying colour theory is a crucial step in building a successful business.   

What is the colour wheel?

The colour wheel is a visual representation of primary, secondary and tertiary colours, with the various hues arranged according to wavelength. Graphic Designers use the colour wheel to understand what the visual effects are likely to be when different colours are combined. 

When using colours on the the colour wheel (referred to as ‘hues’), designers will consider:

  • Shade – This is when black is added to a colour, resulting in a darker, more intense hue. Shaded colours tend to be moody
  • Tint – This is when white is added to a colour, creating a desaturated and lighter hue. Tinted colours normally have a calming effect 
  • Tone – This is when both black and white are added to a colour, creating a less saturated hue 

The importance of colour harmony

Colour harmony refers to the process of combining particular colours to create an aesthetically pleasing experience. These combinations create contrasts that are said to be ‘harmonious’. 

Following the rules of colour harmony can bring a sense of internal order and balance to an image. On the other hand, ignoring colour harmony can lead to visuals that are either chaotic or bland, both of which the human brain will reject.   

Additive vs subtractive colour

There are two methods for producing colour – additive and subtractive. The additive colour model is primarily used when colours are added to shades of light to create colours. The subtractive mode is used when white light, such as sunlight, reflects off an object. Confused? Let’s break it down.

  • The additive colour model (RGB) 

Additive colours begin as black and become white as more red, blue, or green is added. TVs, mobile phones, computer monitors, and other electronic screens display colours that are created with the additive model. Pixels start as black, but take on colours that are expressed as percentage values of red, green, and blue (hence ‘RGB’). 

  • The subtractive colour model (CMYK)

Subtractive colours begin as white, but as you add filters to the white light, such as ink, this white light takes on the appearance of colour. Photos, magazines and other printed materials use subtractive colour. CMYK refers to the four colours added to plates during subtractive printing: cyan, magenta, yellow and key (black).  

How to choose a colour scheme

How to choose a colour scheme

Selecting a colour scheme can make or break the popularity of a brand. To help you nail the process, here’s a simple four-step guide:

Step 1: Prioritise the user experience 

Colour can be used to establish a brand’s overall look and feel, influencing how users interact with your business and the emotions they experience as they do so. 

Ask yourself, what kind of experience are your users looking for? If you run a jewellery store and they’re after a luxurious experience, a deep purple colour scheme might work. If you run a spa and they’re after a peaceful, serene experience, a blue or green colour scheme might be more effective. 

Step 2: Set a mood for your colour scheme

It’s handy to think of your brand as having a personality so you can choose colours that will accentuate certain traits. These traits will set the mood for your brand. If you want to seem exciting and confident, a red colour scheme might be a good choice. If you want to seem calm and down-to-earth, a green colour scheme might do the trick. 

 Step 3: Refer to your colour wheel

Don’t just base your colour choices on a hunch. Refer back to the colour wheel and play around with different combinations until you have some options you’re happy with. Using colour theory to support your choices will allow you to be more intentional in creating a visual identity for your brand. 

Step 4: Draft multiple designs

This might seem like obvious advice, but don’t just settle on the first colour scheme you come up with. A Graphic Designer would produce multiple colour schemes, giving their client a series of options to pick from. Do the same for yourself.

What are the main types of colour palette?

When you’re picking your colour palette, it’s handy to know what some of the most tried-and-trusted options are: Pastel colour palette – Pastels are pale tones of colours made by mixing a significant amount of white into the original hue. Pastel colour palette Neutral colour palette – Neutral palettes often include beige, ivory, taupe, black, grey and shades of white. Though they seem to lack colour, neutral palettes often have undertones. Neutral colour palette Warm colour palette – Warm colour palettes are based on hues of red, orange and yellow. Warm colour palette Cool colour palette – Cool colour palettes are based on hues of blue, green and purple. Cool colour palette Monochromatic colour palette – Monochrome colours are all the varieties of a single hue, in different tints, shades and tones. Monochromatic colour palette Analogous colour palette – An analogous colour palette involves three hues, all of which are positioned next to each other on the colour wheel. Analogous colour palette Complementary colour palette – Complementary colours are positioned opposite one another on the colour wheel. These colours are said to be in direct harmony with each other. Complementary colour palette Triadic colour palette – A triadic colour palette focuses on one dominant colour, with the other two colours placed evenly apart on the colour wheel (marking a triangle) and serving as accents. Triadic colour palette

Best tools for choosing a colour palette and scheme

There’s plenty of innovative software designed to make picking your colour palette easy-as-pie, including:

Adobe Color

Adobe Colour theory Adobe Color is a browser-based application with an interface featuring a large colour wheel. Beside are multiple options that work in conjunction with the colour wheel. You use the wheel to choose a base colour and apply one of the options. Adobe Color then generates numerous colours that make up your palette.

Coolors

Coolors is a colour palette generator Coolors is a colour palette generator. It can either suggest an entire palette randomly or based on your inputs, such as a logo or manually entered colours. Settings enable you to adjust colours by shade, hue, saturation etc. With over 3 million users worldwide, you can draw inspiration from other people’s palettes and keep tabs on trending colour themes.

How to become a Graphic Designer

Do you want to learn more about colour theory and all things Graphic Design? 

Whether you’re looking to upskill or launch a completely new career as a Graphic Designer, Academy Xi has the perfect course: 

  • Graphic Design – For upskillers looking to boost their career prospects with in-demand creative capabilities 
  • Graphic Design: Elevate (Self-Paced) – For upskillers looking to boost their career prospects with in-demand creative capabilities, whilst enjoying the flexibility of self-paced learning
  • Graphic Design: Transform – For career changers, looking to transform their profession with a course offering access to a Career Support Program that helps 97% of graduates land their dream role 

Not sure which is the best course for you? Chat to one of our course advisors and we’ll help you break into one of Australia’s most creative industries.  

Academy Xi Blog

10 best usability heuristics for user interface design

By Academy Xi

Share on facebook
Share on linkedin
Share on twitter

The ultimate goal of the UI designer is to create interfaces that offer an intuitive, easy experience that doesn’t require external assistance to engage with the product. Here are ten usability principles for successful UI design, as established by Jakob Neilsen.

What does heuristics mean and who is Jakob Neilsen?

Glad you asked:

Heuristics is another word for processes or methods. Jakob Neilsen is a ‘user advocate’ and principal of the Nielsen Norman Group (which he set up with Dr. Donald A. Norman, who used to be the VP of research at Apple). Nielsen, that’s Dr Neilsen to you, established what is known as the ‘discount usability engineering movement’, which focuses on ‘fast and cheap improvements of user interfaces’. 

Nielsen has invented a number of usability methods and evaluation processes, including the following ten guidelines he created in 1990 with colleague Rolf Molich to help develop more intuitive, easy to use and accessible digital interfaces:

  1. Visibility of system status
  2. Consistency and standards
  3. Match between system and the real world
  4. Error prevention
  5. User control and freedom
  6. Aesthetic and minimalist design
  7. Recognition rather than recall
  8. Flexibility and efficiency of use
  9. Help users recognise, diagnose, and recover from errors
  10. Help and documentation

1. Visibility of system status

what is usability heuristics This principle is all about keeping the user informed at each step of interaction with the digital interface. By keeping a user informed about every action they take, it clarifies and confirms what to expect next and the outcome of their previous actions. Keeping a user clearly informed makes the design of the product more predictable, which in turn gives a user a sense of familiarity and ultimately trust. It also helps users to feel in control of the system. System status updates also guide the user to the next steps they need to take. Some examples include: 
  • Progress bars when you’re downloading a document
  • Communicating how far off a shopper is from qualifying for ‘free shipping’
  • Netflix ‘countdown’ informs you of how long until the next episode will start (which is currently 5 seconds – user testing revealed the shorter the wait, the more content consumed…don’t we all know it!)

2. Consistency and standards

To build trust in a product, brand or experience, consistency and standards are required. When users interact with a product it’s important that they are engaging with a consistent tone of voice and use of language throughout each step of their interaction. This also applies to any symbols or icons – keep them consistent for clarity. 

An example of this in action are the icons used throughout Microsoft Office suite.

3. Match between system and the real world

usability heuristics for ui

The idea with this principle is to do whatever possible to get the system reflecting the users real world experience. 

This can be achieved in a number of ways, including tone of voice and language choice – keeping any tech or marketing jargon out of the picture if it’s not familiar to the target user. Visually, always choose images, illustrations and icons that reflect the user’s real-world experience to ensure that they will easily understand what you are trying to communicate.

Another consideration is the order of components. Keep to a process which is logical to the user group and their life experiences.

Some examples include:

  • Text highlighter function (mimics real world experience of using a highlighter)
  • E-readers (flick the page to turn it, like reading a hardcopy book)
  • Trash icon on your desktop (drag and drop files into the bin as with real garbage)

4. Error prevention

Thoughtful UI design should always attempt to prevent problems for the user. Let’s say a student accidentally deletes their PhD thesis document that they’ve been working on for years. 

Panic stations!

Give them a safety buffer before the action is finalised so they have the opportunity to confirm, or backtrack from the decision.

A good old pop up message will do the trick!

5. User control and freedom

Well considered UI design should offer suggestions for options a user can select, as opposed to dictating their actions. Ideally, the design should provide as much user freedom as possible, as long as the options are in line with requirements of the system and its functionality.

Let’s also keep in mind that humans change their minds and make mistakes – and provide clear options for users to back track, undo and redo actions as they need. Incorporating these elements will give users control and freedom, both important for quality UI design.

Some examples include:

  • The ‘undo’, ‘redo’ option within Google docs. It might’ve been used a few times writing this article…
  • Pop up messages. ‘Leave site? Changes you made may not be saved’
  • E-commerce order quantities – ability to increase/decrease to set desired amounts

6. Aesthetic and minimalist design

Aesthetic and minimalist design Functionality always trumps aesthetics when it comes to UI design. Any unnecessary elements within the interface can prove to be distracting for users and will compete with the aspects that you want them to engage with.  Keep it simple!

7. Recognition rather than recall

Dr Nielsen’s approach to user support is all about making experiences easier. Reducing the mental load is part of this, so where possible, it’s important to create options that are visually recognisable, so users aren’t having to delve into their memory recall.  Interface navigation needs to include clear, recognisable cues and triggers, which are super simple to see and access. A great example of this exists within Google Docs – by hovering over menu items you get a pop up for each item which tells you what the item is or does.

8. Flexibility and efficiency of use

All UI design should cater for various levels of experience with your product. Keep it clear and simple, assuming that any user’s experience might be their first interaction. You can incorporate flexible options that enable the user to personalise their interaction so it reflects their level of understanding and experience with your product.  System shortcuts is a strong example of this principle. If you’re a beginner with a system, you might need to use the different functions multiple times before you become aware of shortcuts that could be useful to save you time. Adobe Photoshop provides flexibility for users by enabling advanced users to create their own series of shortcuts, which reflect how they want to use the software.

9. Help users recognise, diagnose, and recover from errors

You click on a link and get a ‘404 error’ message pop up on screen. What next? Be sure to give users clear guidance. Tell them, without jargon or tech talk, what the issue is and what their options are to solve it.

10. Help and documentation

All of Neilsen’s principles are geared to help users easily navigate products and avoid errors without external support, however it is still good practice to provide the necessary help that is accessible at any time. Make it very easy for users to locate help and relevant support documentation and keep it user task focused. Ensure that clear steps are included so there is no ambiguity about how to get the outcome they want or need.

How to start a career in User Interface Design

Ready to put Neilsen’s principles into practice?

UI Designers are in high-demand across all industries with apps and websites playing an integral role for the success of many businesses. 

Learning this fast-growing discipline is a fantastic way to future-proof your career. At Academy Xi we offer the following industry-designed training options:

If you have any questions, our experienced team is here to discuss your training options. Speak to a course advisor today and take the first steps in your UI Design journey.

Academy Xi Blog

What is the rule of thirds and how can you use it with your designs?

By Academy Xi

Share on facebook
Share on linkedin
Share on twitter

Artists and designers have been using the rule of thirds to create eye-catching images for hundreds of years. Find out how the rule of thirds works and how you can use it to add some serious shine to your designs.

What is the rule of thirds?

The rule of thirds is a “rule of thumb” used for composing visual images, such as films, paintings, photographs and graphic designs

According to the rule of thirds, anyone creating an image should imagine it as being divided by two equally spaced horizontal lines and two equally spaced vertical lines, creating a grid of nine evenly sized sections.

Artists and designers following the rule of thirds will position any important visual elements on these lines or their intersections. Why? Glad you asked! 

People who believe in the power of this technique claim it helps to create more balanced, eye-catching images with multiple focal points charged with tension and energy. To give an example, if the main subject of an image is closer to one of the edges (as it is above), the eyes will follow it, creating a sense of movement.

Without following the rule of thirds, the natural tendency is to simply centre all the important elements, leading to static compositions and less interesting images.  

Why is the rule of thirds Important in design?

The design space is filled with different kinds of rules. There are rules for typography, balance, composition, negative space, colour theory and just about everything else you can shake a paint brush at. 

The rule of thirds is a simple guideline that Graphic Designers, UX Designers and other creatives use to arrange the text and visual components of an image or webpage. This allows designers to create balanced compositions that align with how the viewer’s eye naturally scans the content.

The main benefits of designers using the rule of thirds are:

  • It helps to create balanced, orderly images that are easy for the viewer to comprehend.
  • The asymmetry of the grid creates dynamic designs with a sense of movement and flow, as opposed to symmetric designs that seem still and rigid.
  • It removes the guesswork when designers are deciding where to place the most important elements.

Make no mistake, the rule of thirds isn’t just a passing design trend. It was developed by painter John Thomas Smith in the 18th century and is still being used by designers, filmmakers, photographers and artists the world over. 

How to use the rule of thirds with your designs  

The enduring popularity of the rule of thirds is a testament to just how effective it is. Honestly, it really does work. But don’t just take our word for it, experiment with it yourself.

  • Step 1: Create your grid

First you need to know the dimensions of the image you’ll be working with. Once you know the height and width of the image, divide each evenly by three and place marks at these intervals on the top, bottom, left and right sides of the image.

Next, draw four straight lines where you marked the intervals, two horizontal and two vertical. For instance, if your image is 30cm wide and 15cm tall, you would draw lines from top to bottom at the 10cm and 20cm marks, as well as from left to right at the 5cm and 10cm marks. Hey presto – you have your grid! 

  • Step 2: Use the grid to structure your design

At the centre of your grid there will be four points where the lines of the grid intersect, often referred to as ‘powerpoints’. You should aim to place the most important visual features of your design on the powerpoints.

If your design entails any strong uses of lines, you should try to position these lines alongside either the vertical or horizontal lines of the grid.   

  • Step 3: Use the rule of thirds to achieve balance and movement

Following this formula, you might end up with a design that has most of its prominent features in the first third, with the other two thirds left as mostly empty space. Though the design will be partly empty, it will still be evenly divided into thirds. This creates a sense of balance that feels right to the viewer. 

Using the rule of thirds also creates a sense of movement in your designs. Designs that include key elements smack-bang in the middle often feel static and boring, because there’s nowhere for the viewer’s eye to wander. Using the rule of thirds, your viewer will spot a key feature off to the side, then take a visual journey through the rest of the image.

The rule of thirds in UX Design

When it comes to UX Design, the rule of thirds is applied with a slightly different objective in mind.

While UX Designers do rely on the rule of thirds to create visual appeal, they also use it to make sure users notice key features, helping them to navigate the interface and carry out important actions. Ultimately, this leads to higher conversion rates. 

Usually UX Designers will place important images, links, text, or calls to action near the four powerpoints of the grid. This ensures that users can quickly comprehend what they are looking at and easily proceed with any important tasks.

The benefits of using the rule of thirds in UX Design include:

  • It makes it easier for the user to navigate a site and accomplish their goals.
  • It reduces any non-essential information that might otherwise clutter the page and confuse the user.
  • It creates balanced, visually appealing pages.

Rule of thirds examples

Here are a few examples of some eye-catching designs that have made great use of the rule of thirds:

Nike Air Zoom running shoe advertisement – This image is perfectly balanced, with the two main features distributed across the three mid-sections. The ‘Wow!’ text captures the viewer’s attention, which then moves across the page to scan the running shoe. Notice how the text and all-important Nike Swoosh logo are located between the powerpoints.

Rolling Stone website landing page – Here’s a perfect example of the rule of thirds applied to a web design. The three columns of articles are perfectly aligned with the thirds of the grid, while the advertising banner near the top of the page is aligned with the top horizontal grid line. As a result, despite the page being filled with information, it appears neat, orderly and balanced.

Want to learn more about design theory?

Academy Xi offers a range of courses that will equip you with all theory and practical skills needed to flourish in today’s design industries.

Want to combine business objectives and creativity to craft stunning visual assets that resolve a brand’s biggest challenges? 

Change careers with our Graphic Design: Transform course: 

  • Get to grips with the full suite of Adobe apps and build a stand-out portfolio. 
  • Join a Career Support Program that helps 97% of graduates land their dream role, with tailored job search, resume and interview advice. 

Upskill and develop in-demand skills with our Graphic Design: Elevate course: 

  • Learn the theory of Graphic Design and put it into practice with hands-on projects.  
  • Build a unique portfolio with a range of digital design assets.
  • Elevate courses come in two flexible options – part-time, or self-paced.

Want to combine the best of UX and UI to create seamless user experiences that leave a lasting impression on customers?

 Change careers with our UX UI Design: Transform course: 

  • Impact real businesses by completing projects for live clients. 
  • Join a Career Support Program that helps 97% of graduates land their dream role, with tailored job search, resume and interview advice.  

Upskill and revamp your role with our UX UI Design: Elevate course:  

  • Go beyond case studies – work on personal projects and solve a UX UI problem you’re passionate about.
  • Elevate courses come in two flexible options – part-time, or self-paced.  

Want to discuss your course options? Speak to a course advisor and take your first steps into the exciting world of design. 

Search our website

Find the right course