S.Q

Interactive & Visual Designer

[sarahquijanodesigns]

Sensing SEC (Science & Engineering Centre) (2016) - Responsive & UI Design

Interactive web design showcasing live building data for the The Science and Engineering Centre at QUT. Systems data visualisations include power, water, air-conditioning, solar panels, and climate. The integration of data sources such as structural sensors, touch and movement in The Cube, room occupancy, IT infrastructure utilisation, and other asset utilisation.

Development Processes

The Science and Engineering Centre (SEC) is QUT’s state-of-the-art home to the Institute of Future Environments (IFE). Viser have developed tools and services to capture, process, and visualise the data produced by the SEC. The project uses a variety of technologies to enable live and historical data funnelled out via a RESTful web service allowing data from services such as: 

Sensors (inc. Gas, HVAC, Lifts, Lights, Power, Thermal, Trigen, Water, Weather)

 CCTV crowd tracking 

Touch tracking (via The Cube) 

Laser tracking (in progress). 

This work represents a tight collaboration with Facilities Management, ITS, Schneider Electric, Splunk, and external consultants.  The project revealed issues with the SEC Building Management System implementation and with the support of FM we’ve been able to revise systems and deliver robust and reliable solutions that meet QUTs requirements (and ambitions) long term. 

ViseR also felt it was important to embellish the API data service with a visual representation and explanation of the data. This included creating a ‘homepage’ depicting the different data types in a visually rich manner, as well as supplementary explore pages designed to help alleviate the barrier of entry for users not familiar with APIs. 

The project is currently hosted within QUT’s firewalls due to corporate branding limitations however ViseR are hoping to have it running on a publicly accessible server in the future. Although, a low-level API is available for QUT staff, researchers and other interested users to download data in bulk and apply it to their own purposes, including the STEM education program and The Cube.

A key component of the vision for the SEC was for it to be a ‘living laboratory’: A site for students and researchers to observe, measure, and analyse aspects of efficiency, performance, and utilisation of spaces.

[sarahquijanodesigns]

Oakleigh State School (2015) - Poster Design

Poster design for Oakleigh State School “Living in the 70s” themed trivia night.

Design Brief & Processes

The design brief by Gavin was to create an Australiana 70′s themed trivia poster and guided me with brainstorming and concept boards. The outcome was to follow era colours but be fun and stylised in design. Creative freedom was provided with guidance of a visual idea.

[sarahquijanodesigns]

Retirement Living Summit (2015) - Conceptual & Graphic Design

Conceptual design phase of the Retirement Living Summit virtual application created using the Gear VR. The project was to immerse an older audience with or without disabilities, diseases or impairments in the future capabilities of VR and upcoming technologies. Small statement released as the project is ongoing and awaiting handover completion.

[sarahquijanodesigns]

Digital Globe (2014) - Graphic & Interface Design

Large scale interface visualisation for spatial industry event Rocks to Rockets held at The Cube, QUT. The design was created sing G20 flags and worldwide spatial satellite imagery from Digital Globe.

Event Description

Brisbane was facing a once-in-a-lifetime opportunity to capitalise on intense global and national interest associated with being the host of the G20 Leaders Summit.

One of the most significant activities leading up to this pivotal event is the G20 Global Cafe – a forum for intellectual discussion on five key themes: Cities of the Future; Improving Human Life; Powering Future Economies – Energy; The Digital Age – Innovation and Entrepreneurship; and Tourism’s New Frontiers. Ultimately the Brisbane G20 Global Cafe will culminate in a two-day meeting – linking local and visiting thought leaders with an international media audience from November 12-13.

One of the key events held at QUT to start the discussion was entitled Rocks to Rockets and focused on the spatial industry. This event was held at the QUT Cube at the Gardens Point Campus in Brisbane.

[sarahquijanodesigns]

Virtual Interface (2015) - UI Design & Concept

Interface design concepts for use with virtual reality sets including the Kinect, Oculus Rift and Gear VR. Small statement released as the project is ongoing and under development.

[sarahquijanodesigns]

Cube Globe for G20 (2014) - App, User Interface & Graphic Design

The Cube Globe is an interactive and cinematic display of spatial data visualisations developed by QUT in partnership with the Queensland State Government for presentation to the 2014 G20 Leader’s Summit.

Project Description

Through state-of-the-art immersive visualisation, animation, and multi-media design, the Cube Globe enables users to realise their place in the world, understand what happens around them, and reach understandings of the challenges and opportunities the world faces now and into the future. The Cube Globe presents rich graphics of the Earth combined with data visualisations, 3D models, and integrated multimedia. 

Through an array of stories presented through key categories, visitors uncover the great potential of spatial data visualisation and digital earth systems. The project continues to evolve and is a major part of the Viser portfolio. Key deployments include: Asia-Pacific Cities Summit 2015, Brisbane Convention and Exhibition Centre Seqwater ‘Water for Life’ community engagement program, QUT and Regional Sites Hypothetical on the 2036 Brisbane River Flood.

Design & Development Processes

The Cube Globe is a powerful web-browser tool used to present complex ideas to varied audiences. To do this, a number of technologies are used, including: Cesium – Open source JavaScript library for 3D digital earth GeoServer – Open source geospatial data server CartoDB – Leading cloud-based analysis and visualisation platform.

The design processes included building all UI content and aesthetics for the projection space, including video footage and information rings that turn-around the globe. All panel information was turned from pages and pages of copy to engaging information design using visual communication to immerse its users.

Through the re-interpretations of the Cube Globe for Seq Water, the Asia Pacific Cities Summit etc. the interface was re-designed to suit their stories, data and visualisations. The design for G20 changed multiple times with conceptual work and content created by two designers (including myself) and a lead animator of the Viser group. The design processes included not only consulting with the Queensland Government DNRM (Department of Natural Resources and Mines) team, but also between designers, developers, stakeholders, and through user-testing feedback.

Being one of the largest scale projects I have worked on thus far in my design career, The Cube Globe application has allowed me to see a large scale interactive design project start from initial concept to final outcome phases.

[sarahquijanodesigns]

Suzuka Run (2015) - Sticker Design

1950s pixel art based car sticker/ decal design for car crew Suzuka Run.

Client Brief & Processes

Being part of a car crew isn’t easy if you don’t have a name or sticker for yourselves! The client wanted a sticker that had a 50′s pixel-art gamer vibe to it. Being a playful, night life concept had me thinking Initial D in pixels! The design brief was open to creative freedom with the client describing the personality of the stickers as retro, pixelated and very gamer.

[sarahquijanodesigns]

Clipsal for Scheider Electric (2014) - Instruction Leaflet Design

Samples of Instruction leaflets designed for a new generation of Clipsal by Schneider Electric products.

Design Brief and Processes

Leaflets were transformed to be simple and visual communicating to the customer through information design instead of pages of wording which would not be read. The style of the instruction leaflets before were few picture instructions and all text! The brief from Ben for the new re-designs were “Ikea”. To make the leaflet visually informative as possible and to help the user of the product, not to confuse him.

[sarahquijanodesigns]

Ektor Website (2014) Re-Design (Conceptual Phase)

Website re-design for Ektor keeping to the visual style and guidelines of the company.

Design Brief and Processes

Website re-design for Ektor, the client brief was to give their company a new identity through the use of a modern and professional approach. Their design specifications were to keep the design consistent with the new re-design of their marketing and design materials (brochures, catalogues, leaflets). The website was in conceptual phase in consulting with the client and their interstate design team.

[sarahquijanodesigns]

Explore Queensland (2014) - Interactive Wall Display & Document Design

A Masters of Interaction and Visual Design team project, working in collaboration with QUT and Brisbane Airport Corporation (BAC) to develop large-scale digital interactive solutions for traveller engagement.

Masters Final Project Brief

This major project is the final and culminating activity of the Master of Creative Industries. It serves to focus each candidate's learning through a specifically designed and substantial project that seeks to realise innovations in the candidate’s practice or workplace. The final project aims to provide the creative industries worker with an opportunity to plan, implement and evaluate a major project professional project in the Creative Industries. Such a project may be located in the candidate's workplace, worked in a group, constructed as an internship with an innovative firm or company or a piece of scholarly enquiry which addresses the challenges of innovation within one of the Interactive and Visual Design.

Design Processes

Within this project I had the pleasure of working as the UI Designer of all digital components with a collaborative UX Designer group member and a supporting team of animators, supervisors, QUT staff and the Brisbane Airport Corporation.

The eq Wall is a concept for a large scale informative digital touch and motion interaction display, made up of six multi-touch screens, Kinect motion capture, and directional speakers, spanning over 3.7 metres in length and 2.2 metres in height.

The project was to follow three elements of design, to be aesthetically inviting, informative of Queensland and sustainable for future developments.

User experience concept designs for the Explore Queensland project included outlining the functionalities of the project interface in a prototype phase scenario for the client BAC (Brisbane Airport Corporation) for their International Terminal. 

The accompanying design documentation uses traditional and digital art forms to express the user experience the interactive display offers its users. The documentation also outlines its capabilities, functionalities, design specifications, concept analysis and research, and includes an accompanying video prototype. For more information on the Explore Queensland Project visit the Facebook page where all designs and user experience processes were logged: www.facebook.com/theEQwall/

[sarahquijanodesigns]

QWERTY Ultimate Town (2014) - Comic Book, ARG (Alternate Reality Game) & Content Design

An alternate reality game which was play-tested by QUT students. The game was themed around a 60s investigator style but with the use of modern technology.

Class & Project Brief

The unit built on up to date knowledge and techniques through experimental and innovative production activities with practical and realistic approaches. Through the exploration of current interactive, animation and visual design issues, the class outcomes were to develop design discourse and visual design principles to enhance interactive, animation, visual design and communication capacities.

The project brief was to provide a foundation of conceptual and practical skills related to contemporary modes of electronic hypermedia production, communication and publishing through an ARG (Alternate Reality Game) and accompanying design and development materials within a 6 week timeframe.

Experience Processes

The game-play aim was to immerse players into the storyline of being newbie Qwerty Times journalism interns who are following the widely covered story of the unknown super heroes, CMYK Elite. Amongst the action and devastation caused from the conflict between CMYK and the colour thieving villain, Dr. Dull and his minions, an anonymous journalist is shaming the interns by getting all the stories first and covering up critical pieces of information, preventing anyone from discovering the heroes identities.

The Qwerty Investigation Association (QIA) have been trying to apprehend the vigilante superhero team but it appears the anonymous journalist wishes to protect their identities while spreading the word of their heroism to the world.

For reasons unknown to the interns, the anonymous journalist is starting to intentionally leave the interns clues and guide them along a trail which they hope leads them to the discovery of the super heroes and villains identities and make their big break as journalists that broke the story on CMYK Elite.

As the interns are pulled deeper into story and discover the identities of the heroes and the selfless work they have done to protect the people of Qwerty Ultimate Town, they decide the power is now in their hands, do they protect CMYKs identity and help them continue saving the world or impress their power hungry editor by breaking the story and hailed for their deduction and reporting abilities?

Design Processes

The storyline of the ARG in which players  were acting out was already recorded visually in the form of a comic book, which was one of the creative print outputs. Some page samples are shown above, the style was very bold and cartoon-like adding to the idea of a fun and engaging experience for the players. The comic was a take home souvenir of the game for the players to remember the experience and their adventures of solving the mysteries of Qwerty Ultimate Town.

All aesthetic materials used including clues, letters, name tags, character design and document and comic designs were made within the time period by myself as the allocated designer of the team. Working with two other incredible members, Lasse and Nicky, we had the technical development and content creation skills to collaborate and execute an interactive experience perfectly.

[sarahquijanodesigns]

Brisbane Airport Corporation (2014) - UI & UX Concept Design

Concept designs for the Brisbane Airport Corporation looking into designing interactive environments for future scenarios.

Class Brief

The class provided the knowledge of tools, techniques and practices required to support futuristic and conceptual studies and projects. This includes the skills and knowledge required to design for contemporary interactive media technologies, such as mobile applications, web based media, and domains such as large touch surfaces.

The Brisbane Airport Corporation brief was to design a conceptual interactive environment for the International Airport Terminal space to engage visitors and tourists as other leading airports of the world do already. 

Design Processes

The Dome project focused on treating the international airport as the first tourist destination for travellers by immersing them into Queensland environments. The concept was creating a Dome with interactive capabilities within the inside. The Dome was to showcase interactive screens and create a 360 encased virtual environment showcasing Queensland’s wildlife including with three settings: The Rainforest, The Great Barrier Reef and The Great Outback.

The space was to be a full interactive atmosphere with responsive screen and projection displays on the wall and floor, but also interacting with visitors on a personal level by allowing phone connectivity. This gave the user the choice to download the Dome app which would allows you to view the room through AR (augmented reality) and also having the option of capturing a wildlife creature and take with you as your first souvenir of your trip to Queensland. The project was supported by an amazing team including an animator, photographer, copyrighter and myself the graphic designer.

[sarahquijanodesigns]

LEGO Gallery (2014) -  Storyboarding/Concept Advertising Campaign Design

Concept design for a Queensland based LEGO campaign in GOMA. All photography and designs were made by myself for a TV advert storyboard.

Class Brief

This unit focused on copywriting and art direction and how fundamental these elements are to the creative advertising practice. Copywriters and art directors are integral in bringing advertising campaigns to life through the generation of ideas, concept development, persuasive messages and imagery. 

Strategies in idea generation, conceptual thinking and the crafting of persuasive messages, and the professional presentation of these concepts and ideas are focused upon within the unit. The brief was to direct and storyboard a campaign with a written brief for a team of creatives and their client, which in this scenario was to be chosen by the student.

Direction Processes

The client chosen by myeself to for a creative advertising campaign was Lego. An event was to be held at GOMA for people to return to the childlike and be creative. The space was to be built in white LEGO acting as a canvas where the public can fill the walls with their LEGO creations. The direction of the campaign was to take a community outreach perspective and provide a fun and creative day for the people of Brisbane through a simplistic concept that everyone loves, Lego. Being able to place your lego creation within a white Lego walled room allowed you to be the artists for the day, displaying your work within the gallery. The environment to be created was playful but still using at theories of the white room to display artworks of the artists.

[sarahquijanodesigns]

CLOUD (2014) - Web Design & Direction

Web design for managing emergency and lighting products within buildings. Design was open to creative expression and be easily accessible.

Project Brief and Processes

To create a responsive design that could later be turned into a phone application that was easily accessible for users with a creative interface. The Cloud would be accessed by a specific user and the detail into copy, design and layout were taken into consideration with user testing through the conceptual phases of the design. I worked closely alongside developers to build the website, my role also included giving them creative direction, feedback and refining the design.

[sarahquijanodesigns]

Drawfree (2014) - Concept Design (Branding & Identity, Information and Advertising Design)

Drawfree is a conceptual futuristic product design. The product being a pen and pad that gives users the freedom to draw with a range of traditional and digital, mediums, and their spectrum of textures using the one pen.

Class Brief

Communication Design deals with visual communication and the creation of meaning through images. This unit introduced the principles, production and presentation of visual design and communication through futuristic product design and innovative concepts. 

The creative brief was to invent an item that would be a futuristic and innovative product for the creative field. The concept had do be accompanied by information design of its use, creative advertising of its capabilities, and branding to give the concept an identity.

Art Processes

Within the art processes of creating and designing a tool to help with my creative practice, immediately as a designer I thought of ways to connect the traditional and the digital within art and design. The Drawfree product is a pen and pad that gives users the freedom to draw with a range of traditional and digital mediums with a range of textures using the one pen. 

Its identity was made to be fun, quirky and styled to suit the broad spectrum art and design elements and mediums. The idea of creative freedom with one stylus was a very open-minded idea and as a conceptual futuristic idea. Some elements could be taken into consideration and a product could be designed for present use.

[sarahquijanodesigns]

Build-A-Bear (2013) - Advertising Concept & Retail Design

Promotional campaign project introducing Build-A-Bear Workshop Carindale and its opening in March 2012. With promotional material and a website re-design concept.

Class Brief

This brief focussed on the creative side of advertising, involving the analysis of creative advertising content, the development of creative concepts and creative strategies and the crafting of persuasive messages and ideas for creative campaigns.

The company to design an advertising campaign around was left open for choice by students and creative outputs and campaign material produced were to suit the chosen company and their identity.

Design Processes

The processes to advertising design and retail design required me to research, study and consult Build-A-Bear Workshop, and as I was working their at the time and they had just opened store, it was to me a great opportunity to create a creative campaign launching the Carindale store. 

As many people were not aware of the opening of the store in this area, through community outreach, prize competitions and promotional re-designs through phases of delivery created a steady stream of exposure.

[sarahquijanodesigns]

Monet the Duo (2013) Web Design Concepts

Website design for local musicians Monet the Duo representing their grunge and earthy personality though the style and layouts of the design.

Design Brief

Monet the Duo’s outcome was to have a website where they could share their music, upcoming events and news on their music. Creative freedom was left in the hands of the designer, with the client explaining their music genre and personality which they wished to shine through the design.

Design Processes

Being in the early stages of conceptual design, Monet the Duo wanted a sample of what their website could look like. The processes included consulting with the client and deliberating on music style, importance of information they wished to expose and brainstorming concepts to create a feel for their taste.