Interactive Design - Project 1

-

Week 1 - 6
SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media
GCD60904 Interactive Design
Project 1


Instructions


Submission Presentation
Design Evaluation

From the homepage, it can be determined that the website’s representative colours are red, black and white. These colours contrast with each other nicely and makes the important information stand out clearly. The colours could be applied differently to make the website look more visually pleasing to the eye.

The fonts used in this website are Arial and Helvetica. These fonts make the contents of the pages look easy to read without looking too cluttered. However, In some pages, the font used is Cormorant Garamond, which looks very different from Arial and Helvetica, so there is a dip in consistentency in its font choices.

The same can be said about the branding or logo, which has 3 different fonts that don’t match with each other at all.

User Experience (UX)

When a user wants to go to any of the tabs such as services , they will be greeted with the options in which they can choose which service they would want to go to. For example if the user wants to find out more detals about the architectural service, they simply need to go to the services tab, click on architecture, and they will be able to find more details about this service. Clicking on one of these options under the ‘Architecture’ section will lead you to a page that will explain more about the details, such as 3D modeling.

The overall user experience is quite good for the average user, as it is easy to navigate between tabs and look for the details that the user needs, and it is quite responsive in terms of its loading time and speed. However, the user experience may not be as accommodating for users with photosensitive epilepsy as the animation for switching between tabs is a sudden brightness, and this can bring a negative effect to these individuals.

Functionality

The website has a lot of fun animations that make it look fun and professional. The loading times are very fast with no lag at all. Hovering above one of the clickable boxes will make it look lighter so you know what you will be clicking on. The contact page not only has the typical contact box, but also a map that you can move around in to look for the office

However, while navigating this website through a mobile device, the experience is different as there are some parts that aren’t modified correctly to fit the size of a mobile phone screen.

Redesign Goals

  • ENHANCED BRAND ALIGNMENT
  • MORE VISUALLY APPEALING COLOUR APPLICATION
  • IMPROVED USER EXPERIENCE TO ACCOMMODATE EVEN PHOTOSENSITIVE USERS
  • BETTER OPTIMISATION FOR MOBILE DEVICES
  • LESS ANIMATIONS
  • CONSISTENT FONT CHOICES

Target Audience

This website is mainly catered towards business owners that are looking for architectural and enginering services. They will need to see what this business offers so their main interest is to look at their portfolio that gets straight to the point with their projects. If they wish to hire this business, it will be easy to access the contact page.

The layout of the website is clean and professional and would make businesses want to hire them.

Design Proposal

UX Enhancements

  • ENHANCED INTERACTIVITY
  • CONSISTENT VISUAL DESIGN
  • AVOID CLUTTER
  • ADDITION OF ON-SITE SEARCH BAR
  • ADD USER FEEDBACK FORM

Comments

Post a Comment

Popular posts from this blog

Design Research Methodology : E-Portfolio

-
Image
  Week 1 - 14 SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media RES 60603 Design Research Methodology Final Report Instructions Final Report Video Presentation Presentation Slides Feedback Reflection Experience Task 1 At the beginning of the module, we are required to search for a topic that interests us, with various sources that are related to it, whether it is directly related or mentioned somewhere else. A topic came to mind about minimal illustrations because I had been looking at some minimal designs prior to the start of the semester, so I decided to base my topic around it. It was a bit difficult to think of the research questions and research objectives that aren’t too basic and easy to answer. I came up with some and received feedback from Miss Jinchi to improve the research questions and research objectives to make them more interesting. I wrote down the problem statement using paraphrased sentences from existing sources and shortened it more to make it mo...
Read more

Information Design - Exercises

-
Image
Week 1 - 7 SUNG J XIN/ 0370139/ Bachelor of Design (Hons) in Creative Media GCD 60504 Information Design Exercises Instructions Exercises Exercise 1 - Quantifiable Information I have a packet of colorful cotton balls that I could use for this exercise. There were too many so I picked out a usable amount that still has some variety in colors.  Fig. 1, unsorted cotton balls Then I arranged them by color in a swirly pattern and counted how many of each colored cotton ball there is. Final Composition Fig. 2, final composition with cotton balls Exercise 2 - L.A.T.C.H Infographic Poster For this exercise, we needed to organise a group of information that combines and utilised at least 4 of the L.A.T.C.H principles. I have decided to choose sharks as my topic and listed out the L.A.T.C.H principles I will be using, which will be; L (Location) = The Mediterranean Sea A (Alphabet) = Shark Names by Alphabet C (Category) = Species of Sharks H (Hierarchy) = Apex Predators, Mid-Level Predators,...
Read more