Andrea Verhoef

Web Developer

Responsive

HTML, CSS, Photoshop, Responsive Web Design
nude dot

Client Project

WordPress, PHP, JavaScript, jQuery, HTML, CSS, Photoshop
pink dot

Sass

HTML, CSS, Sass, GitHub, Photoshop
nude dot

UX Group

UX, UI, Group Collaboration
pink dot

Portfolio

HTML, CSS, JavaScript, jQuery, Photoshop, Illustrator
nude dot

About

Get to know me..
andrea verhoef

If you'd like to get in touch, I'd love to hear from you..

hello{at}andreaverhoef.com

Have a great day...
Welcome..

Responsive Project

nude dot HTML | CSS | Photoshop | Responsive Web Design Home

About

We were asked to build a responsive website that worked across 5 devices. We were given breakpoints to use a a guildline as well for this project. This was our first fully responsive website that we built out.

This project in particular was especially challenging for two reasons, the first that this was our first entirely responsive website. The second reason that this was especially challenging is that we learnt desktop down for web design which was great, but for this project I decided to challenge myself and build mobile up.

It was a bit of learning curve to flip my brain in the opposite direction, but I thought it was worth spending the time to try and do, especially for future work. Doing the design of the site from mobile up wasn't too difficult (although opposite to me), but for the media queries it was much more challenging as everything was opposite to what I had previously used and took a little while to figure out.

read more..

What I Learned...

That building sites desktop down and mobile up are completely different methods, neither is right or wrong, but just different. Although we learnt desktop down in school, I will be building future sites mobile up whenever possible. I feel that starting with mobile is a little easier as it's a much more simple design, and what is necessary to be there, will be there. More complicated elements and details can be built out from there.

What I Enjoyed...

I enjoyed finally building out an entire site to be responsive, as this was our first project that was fully responsive in class. Although we were given set breakpoints for this project, I felt that it was best to not use the 'suggested' breakpoints as a rule, but as a guideline. I chose to do my breakpoints by eye and what seemed most natural for my design, and in turn my end users.

What I Would Do Differently...

I would go down to single column for mobile in my design. I chose not to go down to single column as I felt that there was enough room to see the pictures and click on the links. Even though my design works, I feel now that it would have been better to go down to single column for a little more room, and I feel that it's what people are used to seeing for sites on mobile devices.

Amazing Collaboration

Yaletown Dog Training

pink dot HTML | CSS | WordPress | PHP | JavaScript | jQuery | Photoshop | Illustrator

About

My team and I custom made a website for our client, Yaletown Dog Training.com. Our client already had an existing site that she was using that wasn't working for her. I was the liason with our client on this project and communicated with our client for our meetings, all email communication as well as I built out the tutorial for our client.

read more..

What I Learned

Wordpress takes time to learn and put all of the pieces together, but the more you do it, like anything, the easier it gets. I appreciate working throught this entire project with my team, and going through some of the learning curve together.

What I Enjoyed

I loved working with my team to collaborate on this project together. Each of us had different skills to bring to the table, and contribute to the team and the project which worked really well together. I would happily build out another project with my team any day. Overall, I could not have asked for a better experience for my first client project!

What I Would Do Differently

If I had my choice, absolutely more time! It was really challenging to feel as if I could grasp enough of WordPress in time to feel comfortable. My team was really great as their understanding was stronger, and they were a great support system. We all had our parts and strengths, but if I could do any one thing differently it would to have more time to be immeresed even further in it.

Communication

Sass Group Project

nude dot HTML | CSS | SASS | GitHub | Photoshop

About

Working in pairs we were asked to recreate a site from a former student, which was to be 'exact'. We were given a mock up of a few sites, and asked to select one to re-build. We were also given some of the necessary items such as images and such, that were required.

I feel that this project was important to do for many reasons, the skills that were needed to do this project, and the thought process behind it were important to go though. I also feel that learning how to break down and take apart someone elses work to be able to re-create is something that is invaluable to know, and learn how to do, as there will always be work that we appreciate from others and want to understand how they did it to learn from or to be able to re-create it in our own way.

read more..

What I Learned

This was the first project where we used Sass and GitHub, so that was fun! The learning curve wasn't too difficult, but great to learn to utilize for other projects. I loved my partners funny comments when changes were being committed to master. What I also learnt was to use Photoshop as a tool to figure out the measurements of other sites when trying to recreate something.

What I Enjoyed

What I enjoyed most about this was coding side by side with my partner. Although we both had our own individual tasks to work on, when we sat side by side, we were able to troubleshoot together when either of us was having challenges. I really enjoyed working like that, and enjoyed the sense of comradery and teamwork to get our project done. I also liked that when you code side by side like this, its a great way to learn new things and see how others work.

What I Would Do Differntly

Initially it was challenging to get on the same page as my partner, as we both had multiple projects on our plates and a lot going on. In the future I would try to sit down earlier to better co-ordinate schedules when working in a team enviroment, and an open line of communication. In the end, coding side by side was a lot of fun and we were able to talk about the challenges then, but communicating earlier would have made things a lot easier to alleviate some of stress and guessing with the project.

Work together to accomplish a common goal

UX Project

pink dot Collaboration etc..

About

We were given 2 projects for our UX component in school, both projects were related to redesigning the Compass Card website for a better overall user experience. The first part of the project was worked on as a group, which entailed all of the research needed for the second part of the project which was the individual portion.

For the Compass Card Website redesign, we were able to select any changes that we wanted to make, however, the changes that we were making had to be based on research. After researching various people, and finding out how they use transit and what changes they would like to see for ease of use, we decided to make the information about the zones and general compass card questions to the front page so it was more accessible for everyone.

In the group project we covered a wide variety of areas including goals, both user, project and stakeholder. We also did quantitative and qualitative research, personas, empathy maps and user journeys, context map, competitive and gap analysis, quantitative content audit, content model and heirachy, and information architecture. It was a lot of research and figuring out to do throughout the process, but after having gone through this process I now have a much better understanding as to what is required and the next time around will be much easier!

After our group project was complete, using the information that we had as well as the changes we were wanting to make, we were asked to provide style tiles, and a style guide. Based on those as well as the data that we had, we were then asked to create a working prototype, which could be make of anything as long as it showed the functionality of what we were trying to build. I chose to build my prototype by building a functioning website.

The one thing I had to keep in mind was that the purpose of the site was not to look beautiful but to show the function of what changes we were making, so the site was very basic and just showed the changes and functionality, that was different.

read more..

What I Learned

I learned how to collaborate in a larger group and to work together so that everyones thoughts, suggestions and opinions are heard in the group, and to work together as a team. : )

I also learned that we can all have our thoughts and opinions as to how we think things should be with a website, and what we think is right, however at the end of the day it's the research, data and user testing that will show what changes need to be made, and what is the best and most functional design.

What I Enjoyed

I enjoyed working with my group to figure out the process and how we were going to solve the problems with the end user in mind. I also enjoyed learning that just because we think something is a problem, doesn't mean that other people do, and its with the user reserach that we discover that.

I also really enjoyed talking to people for the user research, as it was really interesting to see what people would say and the experiences and challenges that they had. After learning about the challenges people were having with the Compass Card System, even though this was only a school project, it was still fun to think of ways that we could help them to make the entire experience a better one for a wide variety of people.

What I Would Do Differently

One of the biggest challenges in this project, was not having the scope of the project well defined from the beginning. I now understand that this was an important part of the process to go through, and part of the learning curve with UX, so I'm glad now in heinsight, however it was difficult at the time.

No Rocketships Here...!

Portfolio

nude dot HTML | CSS | JavaScript | jQuery | Photoshop | Illustrator

About

My portfolio was one of the most difficult projects through my time at BCIT and the program. There are many reasons as to why I found this projects so difficult, but mostly because it's personal, and it means a lot to me. It took me a long time to decide what I wanted to do for my project. I really wanted to build out my site out in WordPress for a few reasons, but mostly because of all of the abilities that WordPress has and the tools that it allows.

I realised however, that as I'm still learning WordPress and figuring out 'how' to work with it, perhaps only using WordPress wasn't the wisest choice just yet. So of course the next best thing that anyone would naturally do, would be to just build out both right? Yes.. I acutally started to code two sites side by side, so I'd have a hard coded version as a backup, just in case my WordPress didn't go as planned (can you tell that I really wanted to use WordPress?!)

I shake my head and laugh at the thought of what I had wanted to do with everything else going on, and the look of shock on my classmates faces should have said it all, but I really thought it was still totally possible, anything is possible with will isn't it?! At least I'd like to think so!

My brilliant idea didn't last too long, and once we started working with our client project in WordPress, it was then I realised that this love of WordPress would have to wait! I knew for me to be happy with the work that I'd like to create that I would need to know and understand WordPress at a much deeper level first, and that would take time, and as I've heard, 'an open mind' as well, which is so true.

So here we are with my hard coded portfolio, which was a process to get to that I would be happy to explain in further detail if you have the time.

read more..

What I Learned

I learned an invaluable lesson in building something that means so much. Yes my portfolio is important and meaningful to me because I want it to really show who I am, and the care and detail that I put into my work.

Figuring out what I wanted to do took a lot of time because of the importance and the weight on the project, for me anyways. I feel like every project that I built had the same level of importance to me in that I wanted to do the very best that I could as well as to push myself to excel, try something different and learn something new, but this was different.

My portfolio had a weight to it that none of my other projects had which prompted a level of perfection which was completely unrealistic. This ideal of 'perfection' is what prevented me from doing to some degree, as everything that I started building never quite felt 'good' enough. Once I got out out my head, took a step back and realised that I'm not building rocketships (thank goodness), and even if I were, I'd still put the same love and detail in that I always do regardless of my project. Sometimes you have to do things the hard way before you can do them the easy way, and that's okay with me because that's how we learn.

Regardless if am building a website or a spaceship (which thank goodness I'm not), I would put the same level of care and love that I do for all of my projects, so why treat this project any differently than I usually do. : ) Sometimes you have to do things the hard way before you can do them the easy way.

What I Enjoyed

I enjoyed the process as difficult as it was becuase it taught me a lot about who I am as a person at my core. Working on and building my porfolio taught me to strip away all of the things that don't matter and really focus on the things that do matter, and for me, those are the litte details. I have always appreciated and noticed the small details, so why not show that in my project too?

What I Would Do Differently

Two words - version control. It wasn't until I started this project that I fully understood what 'version control'really meant. It's hard to fully grasp the concept of it when we are working on small websites for learning with lorem ipsum content and images that we found online!! I not get it! If I could change one thing I would start with using GitHub for my project which I believe would have saved me a lot of time, but now I know!!

Let's Talk..!

About

andrea verhoef picture just me, myself & I ; )

HI -
I'm Andrea.. I'm a Web Developer based in Vancouver and recent graduate of the BCIT Technical Web Designer Program.

I have a passion for helping people. I have often heard previously that I am thoughtful, and considerate in the work that I do. I have an appreciation for the finer details, often things that others miss are the things that I notice, but these are the things that I love and make me who I am.

I have a few passions, creativity being one of them which goes back generations with women on both sides of my family. The other passion is helping others, and feeling like I have my place in life. Having been driven by creativity since I was little, I did everything creative that I could get my hands on, but never could quite find my 'thing'. I feel that I have finally found my 'thing' in Web Design, and I am beyond grateful to have learned the skills that I have and be taught by the people I have at BCIT. I feel that web design allows me to be me, show my detailed, thoughtful, creative side, as well as to help people and do good in some way.

In school there were many things that I enjoyed learning, but I was really drawn to the web accessibility component, as well different aspects of UX/UI and making a better experience overall for the end user. These are things that I feel encompass who I am, and brings in my love for helping others.

I hope you enjoy my work, and if you have any questions, please feel free to contact me.. I'd love to speak with you! : )

hello{at}andreaverhoef.com

Get in Touch

Contact

andrea verhoef picture All me, the one and only.. : )

HI -
I'm Andrea.. I'm a Web Developer based in Vancouver and recent graduate of the BCIT Technical Web Designer Program.

I'm always interested in speaking to people in the industry and getting involved.

If you like my work or have any questions please feel free get in touch!! I'd love to hear from you!

Thanks for taking the time to check out my work! : )

hello{at}andreaverhoef.com