VCD Blog Post Week 11

It is now Week 11, and I have physically started working on the project in Adobe XD, as well as finalised designs for my logo and concepts.

First, here is my new and completed logo.

Completed ‘full’ logo design

This is the logo that is used on the landing page, and is a ‘full’ logo to represent things where detail is needed. It is a departure from the dragons that I was planning to do and use, but my teacher commented that the unicorn inspires magic and is a popular mythological character. It also may be softer on the eyes for families wanted to go to the museum.

I created a second, simpler logo, that functions as an icon on all the webpages and is a shorthand for the longer logo, as the two designs are intertwined.

Simpler logo used for navigation on the site, as it is easier to read

I decided to include both versions as it would give a sense of medieval heraldry to the complicated design, and the simpler one would reflect modern day tastes and be easier to read.

Onto the site architecture, I debated about drawing the site design by drawing it on my digital drawing program- Autodesk Sketchbook. This was a way to make it stand out from the others. At the start, it was hard figuring out how to export, import and figuring out size dimensions to use to transport it. I figured out that I had to export my sketchbook file by having a transparent background and putting it into a PNG – not a JPEG. I scaled my canvas in Sketchbook to be the same size as the Web setting in XD – 1920 x 1080 px, so didn’t have to scale them and could just import it into XD.

Example of how I imported the slides and how they fit in with the overall scheme

I also had fears about the layout and design of the piece, and when you’re doing illustrations for the website, it gets stressful trying to predict what I should change and if they fit together. I made some ‘template’ layers in Sketchbook, and that included the underline for the titles of the pages, and the square heading with the navigation. I also decided to do a grid format, for ease of navigation and drawing illustrations. This means that when I add more illustrations for the site, I can easily export it in.

Screenshot- Example of my workspace in Sketchbook and layers used on the right.

After watching other people’s presentations on their topics and how they executed their moodboard and site map, I have been re-invigorated to make better ones. I also saw that didn’t follow the “Rationale” Template properly, so I will be redoing that as well. I haven’t personally gotten any feedback for my project yet.

I have yet to test the system, and I still feel very unfamiliar with Adobe XD and transitions that you can do, so I will have to get more comfortable with those and then add it on when my site design is finished. I consider the Adobe XD functions useful, but the transitions and movements are not at the forefront of my mind. The user must first be familiar with the UI and not be put off by awkward or unnecessary transitions, so it is better to have a solid UX foundation. You should never miss the forest for the trees, or put the icing before the cake. With fancy transitions but bad overall site design, there is nothing to salvage. At the end of the day, my goal is to create a solid site that users will feel comfortable navigating around and find info easily.

Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s