Hi there!

I am a designer with experience in design and development for both websites and emails.

Margaret

Megan | Lakewood, CA | margavancena@gmail.com

Hello! You've stumbled into my old portfolio. Feel free to look around and see how I've grown as a designer through the years. The work and projects you see here are from 2013 - 2018. See my new portfolio here!
Feel free to reach me!

Education

De La Salle University, 2013 - 2017

Bachelor of Science in Computer Science with Specialization in Instructional Systems Technology

In the general computer science course, I learned how to program with C, Java, MySQL, Assembly. Coursework also included Android app development with Android Studio and web design and development with Java Server Pages. Under the specialization, I learned design principles, designing for mobile learning, multimedia creation and creating and designing instructional systems mostly with Flash.

Works & Projects

Howling Gale Entertainment: Redesign

Website redesign for Howling Gale Entertainment. High fidelity wireframes were made in Sketch. This is also currently under production.

Grayscale: A random mini-web design project

This was made with yeoman-webapp. For more details on the css tricks used and photos, see the Github repository for it.

NETSAFE: A Teachware on Cyber-Citizenship

Thesis project made with angularJS and electron (desktop version). Content, assets, and animations were by my thesismates.

Berkano: Conceptual

A group project under the course Educational Systems Design and Development. This mock management system is based on St. La Salle Preschool's processes. I created the screen designs based on the requirements that my groupmates have gathered.

Typograffi: Conceptual

Typograffi is a pairwork for the course Mobile Learning Systems Design. We were tasked to think and design a topic that can be learned through mobile. Screen designs below are made by me.

De La Salle Green Guide

The De La Salle Green Guide is a web and mobile (Android and iOS) project. I was the lead designer, as I was tasked to create screen designs for the web, as well as the necessary assets.

Flowcode: DevWeek Hackathon 2018

Flowcode uses the MyScript API, which parses hand written words, shapes, numbers, to create working code from hand written flow charts. I created the jsfiddle-esque web interface that shows you the code generated from the left, to the output on the right. Ace was used for the coding style interface on the left. Additionally, flowcode won 2nd place for best "on device" integration of the Interactive Ink SDK in the hackathon.

Genetic Mysteries

Flash required to view. 'Genetic Mysteries' is a teachware built on flash. It is used to teach Population genetics, specifically, allele frequency and the Hardy Weinberg Principle and equation. This is for college students enrolled in the course Fundamentals of Genetic Laboratory (LBYBIOE). Scenario based learning is used for instruction.

Introduction to Guitar

Flash required to view, warning there is background music. This is a courseware for 3rd year high school students taking up music. It teaches them guitar parts and terms, proper holding of guitar and pick.

Infographics

Infographics

These are infographics that I have done during my stay in college. Incredibly fun to create.

Illustrations

Illustrations

Some of the arts that I've done through out the years.

No males cause I can't draw them!