Hello


I’m a Sydney-based, product-minded Front-end Software Developer, passionate about design systems, UX principles and UI development.

I recently completed a Statement of Attainment: Intro to UX UI Design at TAFE NSW, developing skills in user testing and prototyping with Adobe XD, allowing me to transfer my visual design skills to the UX UI industry. My development journey started back in 2017, after having graduated from General Assembly’s Web Development Immersive course.

Now, something interesting about me? I am a creative at heart, love all things design, a massive foodie, a wanderer and like to dabble in photography.

Keep scrolling to find out more about how my journey to web development all began.

projects

contact

Skills


html5 css3 javascript typescript react graphql ruby rails adobe-xd indesign illustrator photoshop
aprilia

Where it all began ...


With design shifting towards web, as a print/graphic designer I was often tasked with designing for web. I was very fortunate that my company enrolled me in a part-time web course at Shillington college geared towards graphic designers, which gave me better understanding of how the two work together. As a result, I was able to redesign a total of four company websites, including motoguzzi.com.au, the first website I coded from scratch myself.

Having a background in design, I can often draw upon my knowledge of user experience, design fundamentals and concept development to help plan out my web applications, so that they are not only functional but also user friendly.

motoguzzi
healingglow

Healing Glow


A natural path to a Stronger You.


A mobile health and wellness app to discover practical and attainable regimes to restore your health, leaning heavily on the inherent healing powers of natural foods. An in-depth break down on what makes these foods so powerful, and which ailments to target with each food. Listen to professionals overturn persistent myths and share their latest thinking on the root causes for various conditions — and ultimately, what we can do about them.


Software

Adobe XD


Deliverables

Branding, persona, user stories, app flows, wireframes, lo-fi prototyping, hi-fi prototyping, user testing, style guide and design system components

Hi-fi Prototype

Lo-fi Prototype

WasteNot


Food Waste is a huge problem, so we wanted to build a web application that made it easy for people to share any surplus food, instead of throwing it away.

We thought that it was a great way to create public awareness about food waste, and also connect with your local community to do your bit to help the environment!


live demo

github

Team

Fiona McCawley, Katie Peterson


Tech

HTML, CSS, JavaScript, jQuery, Rails, PostgreSQL, Materialise


Api

GeoCoder, GoogleMaps, Cloudinary


Features

User authentication, search by: item and distance, messaging and notification, comments, karma rating, available and collected items

wastenot
wireframe

Wireframe


Wireframes are meant to be simple, to let you focus on the informational hierarchy, the content arrangement and user experience, before adding all the aesthetics.

I wanted to build a drag and drop wireframing application for non-designers who aren't familiar with wireframing. And wanted to encourage the use of a 12-column-grid design system that will help stylise the layout and rows for the spacing on the page.


Tech

HTML, CSS, JavaScript, jQuery, Ajax, Rails, PostgreSQL, Materialise


Api

jQuery User Interface

live demo

github