• Skip to primary navigation
  • Skip to main content
  • Skip to footer
  • Home
  • work
Guru Orange

Guru Orange

design with clarity and passion

  • About
  • Contact

online

Friends of Callan Park ux/ui

July 24, 2019 By Eli B Leave a Comment

The Friends of Callan Park are an organisation set up over 20 years ago to protect the park’s heritage and public space.

Their website was in need of an update after 15 years. As usual, I started the project with a workshop, listening to the client’s needs and to their knowledge about the audience and the project. Then, we started creating an organising system for all that historical content, and established the basics for the new ux/ui. Getting the content back on the site in a more orderly fashion is an ongoing project.

I re-ordered the site pages, injected some calls to action and internal links. I sectioned the home page, creating a summary of content and links to other pages. I also ensured marketing content is available via the site.

We are currently working on strengthening possibilites for interaction with visitors of Callan Park, and streamlining the numerous exsiting social media (particularly Instagram) feeds used by the community that uses and enjoys the park. We are also working on strengthening connections to other organisations, such as NSW Health, who manage the site, so we can share information with them using the new site.

Callan Park front page

The site is, of course, designed for a variety of screen sizes. Our next task will be to evaluate page views and devices used most, and then to re-arrange content accordingly.

see the site at callanpark.com

Filed Under: homepage, online, style guides, websites, WordPress coding, work

Sage.fm brand & ux/ui

July 17, 2019 By Eli B Leave a Comment

Sage.fm online video conversation platform

Sage.fm is an online video conversation platform, connecting experts (Sages) with those valuing their advice (Seekers). Currently, the start-up’s focus is shifting from product development to sales and marketing, with a number of early customers using the platform already.

The Sage.fm brand is premised on two principles, of elevating the Sages and of creating a brand that is high-end but stays in the background.

Sage.fm logo | design by Eli Brassé
Sage.fm live conversation screens

The live conversation is, naturally, at the heart of the platform. The design enables browser-based conversations across all types of devices, while delivering information about time and money spent and more.

The profile and dashboard pages are bootstrap-based, mobile-first designs that aim at reducing visual clutter while delivering on the brand principles.

Sage.fm dashboard | design by Eli Brassé
Sage.fm profile page | design by Eli Brassé

See more at sage.fm


Filed Under: brands, corporate ID, homepage, marketing, online, style guides, websites, work

Raw Money brand, id & ux/ui

June 18, 2019 By Eli B

Raw Money front page | design by Eli Brassé

Raw Money founder Margie Stewart and I have collaborated on setting up this unusual new business over the last year or so now. Margie came to me with an idea for a brand new business, and has given me the opportunity to work with her on setting up the brand from the ground up. We started with a series of workshops to develop a brand and communications strategy in a collaborative manner, and took these outcomes into creating a set of core images to symbolise the concepts behind Raw Money and the Raw Money logo. We then moved on to using the core brand design on stationery, the Raw Money blog site, and materials used in client sessions, as well as developing a brand style guide and content style guide.

Taking its cues from Renaissance paintings, the image concept speaks to new life being created out of the ruins of the old. All images have butterflies – symbol of transformation – in them, as well as flowers, symbol of youth and the force of life, while many also have hints of mortality. The Sydney houses these images are superimposed on are a representation of wealth that lies dormant.

Raw Money subpages on smaller screens | design by Eli Brassé

Raw Money imagery | design by Eli Brassé

See the site at rawmoney.com.au

Filed Under: brands, copywriting, corporate ID, homepage, html email campaigns, marketing, online, print, stationery sets, style guides, websites, WordPress coding, work

Greens election campaigns

May 18, 2019 By Eli B

NSW State and federal election campaigns, 2019

This year, I have been responsible for artwork for print materials and digital and street advertising, and remained responsible for the design of the “How to Vote” card. The Australian Greens team created the template design and style guide.

I oversaw production and supply liaison, and created a new, automated design process for the “How to Vote” card.

I was responsible for liaising with and training local campaign teams across 93 state electorates and 47 federal electorates.

NSw Greens 2019 federal election how to vote card
example “How to Vote” card

NSW Local Government election campaigns, 2016 and 2017

Over the last two years, I have been the campaign designer on the local government election campaigns. I was also responsible for leading and training local campaigns, producing marketing materials for print and web, placing advertising, and leading other staff members and volunteers. In 2017, I was promoted into the role of co-ordinating and overseeing print production and delivery as well as being the leader of the design team.

With over a hundred candidates across dozens of councils in the state, the Greens more than doubled their representation across the two elections from 28 to 60 councillors, and are now also holding four mayorships, up from one.

"Good Planning" facebook image, design by Eli Brassé
"Good Planning" facebook image, design by Eli Brassé
"Good Planning" facebook image, design by Eli Brassé

social media images around planning issues

"Every kid deserves a park" coreflute, design by Eli Brassé
"Green Spaces" coreflute, design by Eli Brassé

two examples of a series of “corflute” posters for supporter’s fences and windows

Federal election campaign, 2016

The Federal election team works closely together across Australia, with a few dozen members on the design and media team. I was part of the design team responsible for NSW and mainly involved in creating billboards and other street advertising, as well as digital and social media advertising. I was, again, taking the lead on the production of the “How to Vote” cards, training a team of volunteers and ensuring each of the 47 electorates received perfectly produced materials on time election day.

Greens billboards 2016
one of the series of billboards
example of digital advertising (for the Guardian Australia)
Greens NSW social media series, federal election 2016 - 1 of 3
Greens NSW social media series, federal election 2016 - 2 of 3
Greens NSW social media series, federal election 2016 - 3 of 3

series of social media posts after our on-train ads were pulled by Transport NSW

2015 NSW election campaign

From September 2014 to the end of March 2015, I was part of the largest campaign team The Greens have ever put together. I was responsible for the style guide for all campaign materials, as well as for producing and/or overseeing the production of all kinds of printed materials, working with the media buyers on advertising, and with the media team on social media and policy releases. I was responsible for liaising with all local campaign teams for Greens candidates across 93 electorates around NSW, as well as for liaising with suppliers.

I was senior designer to two staff and a dozen volunteers, as well as a small team of four on logistics and technical support, and sometimes giving direction to the organising and volunteer coordinating teams.

Greens NSW election campaign 2015, printe mtaerials, design by Eli Brassé
print materials: postcards, brochure templates for electorates, brochures for issues-based campaigns, candidate letters, media releases
Greens NSW election campaign 2015, street advertising, design by Eli Brassé
street advertising: corflute posters for issues and candidates
billboards and other street advertising
Greens NSW election campaign 2015, social media images, design by Eli Brassé
social media materials
online materials: NSW state website, candidate social media page, candidate website

Filed Under: brands, brochures and leaflets, campaigns, Drupal, online, print, style guides, websites, WordPress coding, work, workshops

Supercalla ux/ui analysis & update

April 5, 2019 By Eli B Leave a Comment

Supercalla founders Bede and Holly came to me because they didn’t think their newly created website delivered for their startup business. Together, we analysed and evaluated the site and refined the business plan. Supercalla then extended the contract into a new UX design, looking at possible early-stage calls to action for a more interactive site, and at a more defined business structure throughout. That complete, the UX naturally was extended into a UI design, which I delivered into their existing Squarespace site container.

Below is the resulting homepage.

See the full site at supercalla.com

Filed Under: brands, homepage, online, websites, work, workshops

‘in memoriam Alan Roberts’ ux/ui & wp theme

July 1, 2018 By Eli B Leave a Comment

Alan Roberts was a scientist and early ecological thinker, as well as an energetic and inspiring teacher and activist. I was given the opportunity to help keep his memory alive by creating this blog site.

The WordPress site, a custom ‘child theme’ based on the Genesis framework, is not only my UI design but also an example of me acting up as front end developer.

See the site at alanroberts.net.au

Filed Under: online, websites, WordPress coding

Patrice Newell’s farm shop ux/ui

September 13, 2017 By Eli B

Patrice Newell wordpress website design
Patrice Newell’s new homepage

Patrice Newell’s biodynamic farm produce has long been available exclusively from her own online shop. A true innovator in farming, a writer, progressive political thinker and art lover, her online presence as well as legacy technology were in real need of an update to accomodate and reflect her multi-faceted business and personality, and create a space for the community that is involved in the farming business.

The website is at the core of this project, which to a large extent involved sorting out all technical issues and re-writing, ordering, migrating and updating a huge amount of existing content. A similar exercise on a smaller scale to update Patrice’s email marketing was the natural extension of it, and the online spaces that host her large community of garlic fans, book fans and fellow country based progressives are an equally natural next step.

Patrice Newell online fram shop front page | design by Eli Brassé

A screengrab of the pre-existing site, before we took it on

Patrice Newell old site

See the site at patricenewell.com.au

Filed Under: brands, copywriting, homepage, html email campaigns, marketing, online, websites, WordPress coding, work, workshops

HepCheck 1 2 3

December 23, 2015 By Eli B

HepCheck 1 2 3 homepage

Hepcheck 1 2 3 was a project by the Eastern Sydney branch of NSW Health. It created access to and uptake of Hepatitis C treatment for people in Sydney who experience homelessness. It was a collaboration of NSW Health with a variety of non-government and government health service providers in the inner city of Sydney.

Hepcheck 1 2 3 was delivered by guru orange in collaboration with various organisations that are part of NSW Health and the NSW Health IT team in 2015. The project was discontinued in 2018 due to new treatments for HepC being delivered across Australia, taking treatment time from 1 year to 3 weeks.

We kicked off the project with a series of UX workshops with all stakeholders. We worked together with health staff from various organisations to deliver the content for the site, delivered the UX and UI design on both the front and back end, and collaborated with the Health department’s IT team to implement these. We designed a new brand for HepCheck 1 2 3 and built the front end website in Drupal. We conducted customer feedback and usability testing sessions. We wireframed the back end website and art directed the Health Department’s team. Lastly, we conducted training sessions for health staff.

Supporting documents:

  • Initial project overview from client (pdf)
  • First workshop presentation (pdf)
  • Early UX flow chart for backend
  • Front end wireframes (iteration 1)
  • Front end design (chosen suggestion, iteration 1)
  • Backend user manual delivered by developer

Process document examples:

Following an initial workshop, the outcomes were condensed into flow charts using balsamiq.  See Early UX flow chart for backend

This was then turned into wireframes. See Front end wireframes (iteration 1)

The front end design, tailored to users with low language/literacy skills and poor access to the most current technology was then developed. Here’s an example of the information section in step 1. See Front End Design (chosen suggestion, iteration 1)

A screengrab of the working backend section during testing phase.

Filed Under: brands, corporate ID, Drupal, homepage, online, print, websites, work, workshops Tagged With: HepCheck 1 2 3

Footer

Say hello.

Because sometimes it’s best to talk to a real person.

Call us on +612 9357 7502

or visit us at
4/53 Glenview St
Paddington, NSW 2021.

Copyright © 2021 Guru Orange