Hi, I'm Tania.
I'm a

Pharmaceutical Client

Established a visual design system that is extensible across the client’s 200+ brands and flexible to adapt to future needs.

See the full design

Jam Pan

Jam Pan wanted to create a better way to connect digital learning talent with opportunities. With a rough concept and a set of refined requirements, Mosquito set out to design and build this platform.

See the full design

SquareTrade Retention Page

I was responsible for the UI design and coding of a responsive customer retention page for SquareTrade’s Danish and Austrian micro sites. The page underwent A/B testing alongside other retention page designs with the goal of improve customer retention through messaging & imagery. The link takes you to a sample since the real page is only accessible to SquareTrade customers.

See it in action

My Portfolio

This personal portfolio page shows off some of my most recent web development projects. I built it as part of FreeCodeCamp. I designed the page and used Bootstrap to style it.

See it in action

La Chaine du Droit

La Chaîne du Droit challenges the old way of tackling legal issues. It believes that legal information should be free and accessible to the public. To help them achieve this goal, I created a website prototype that is pleasant and intuitive to use.

See the full design

BagBirdy

I was hired to design a website for a company in the fashion industry. BagBirdy wanted to present itself as the authority on all things handbag. I worked with BagBirdy to come up with a responsive design that would appeal to their customers.

See the full design

Skillgigs

I was hired by Digital Astronauts to design a new homepage for the Skillgigs website. The goal was to appeal to both employers and prospective employees. I worked within the the companies existing website & brand identity to give their homepage a fresh new look.

See the full design

FreshHost

FreshHost is a new Google Home service that helps Airbnb hosts create conversational house manuals for their guests. I worked with the company to design their logo and helped improve the design of their homepage and web-based platform.

See the full design

MyCompanyWeb

From wireframes to the final mockup, I created the visual design for My Company Web’s new website. A colourful site featuring flat design. The page showcases the company’s services and entices the user to keep scrolling.

See the full design

Drive Safe

From wireframes to the final mockup, I created the visual design for Drive Safe’s new mobile website. The minimal colour palette is inspired by the company’s current website. The crisp and clean design contains elements of Material Design: tangible layers created using shadows, bright accent colours, and floating icons and cards.

See the full design

Host With Love

From wireframes to the final mockup, I created the visual design for Host With Love’s new website. The inviting design encourages users to sign up for the company’s services. Bright colours, flat icons, and hand-drawn patterns keep this design modern and hip. The use of white space allows the company to convey a lot of information about their services without feeling cluttered.

See the full design

Zyp.li

I created the visual design for Zyp.li’s new website using Photoshop. Zyp.li wanted a clever hero image to hint at their URL shortening service. The playful theme is carried throughout the site using photos, hand-drawn elements and a friendly testimonials section. The grey & white colours give the site a modern feel, while the red accents impart a sense of urgency, calling the user to take action.

See the full design

Wikipedia Viewer

This simple web-based application fetches exerpts from Wikipedia articles based on a user-entered search term. Built using jQuery, this app makes AJAX requests using the Wikipedia API. The UI utilizes CSS animations to emphasize the search bar, and material design shadows and depth when displaying the results.

See it in action

CodePlayer

Test your JavaScript, CSS, and HTML in real time with this code editor. Similar to JSFiddle, this simple app renders the code you've entered and outputs it with the help of an iFrame. The different panels can be toggled on and off to simplify things if you're only working in one or two languages. This was a fun project that helped me to develop my jQuery skills even further.

See it in action

Primer

This simple web-based application takes a user-entered number and determines if it’s a prime number or not. The main challenge of this exercise was creating an efficient mathematical algorithm for checking if a number is prime. I did this using PHP. I always enjoy styling my projects with CSS - this UI features a simple interface with bold colours.

See it in action

Local Weather App

This is a simple app that shows the weather in the users current location, in units of Celcius or Farenheit. The app uses the HTML5 Geolocation API to get the user's current location. An AJAX request is sent through the Google Maps Geocoding API to get the city name that corresponds to the users coordinates. Another AJAX request gets the temperature using the freeCodeCamp Weather API.

See it in action

Postal Code Lookup

This is a Postal Code Lookup app that uses the Google Maps API to obtain the postalal code that corresponds to the address entered by the user. The UI features material design inspired labels & input fields. The highlights are achieved using CSS animations and the labels are repositioned using transitions so that they're always visible to the user.

See it in action