Something I’ve not posted before…

The last couple of days I have set myself to work on my website, to re-design the whole thing and make it work with mobile and tablets as well as desktop.

Today I finally got my menu in position and the way I want it to work!

I’m kind of going for a minimal design, but more so with the character of my logo.

So, here we have a simple 3 bar menu icon designed in pure CSS (honestly, w3 schools is great for these kinds of things to teach you!)

This is the mobile view for the moment, I’m concentrating on the mobile design first to then adapt towards the larger viewports.

My logo in it’s smallest form, and some random text called ‘Hipsum’ from VS Code.

Screen Shot 2017-03-14 at 19.51.00

 

Click on the bars and you get this drop down menu, which overlays the main content. The close button does work!

Screen Shot 2017-03-14 at 19.51.08

Advertisements

Identity and Branding | Ahoy Designs

Identity and Branding | Ahoy Designs

 This whole unit was really enjoyable. We were in a team of four, but later three, so spreading out the work was easy. Our task was to make ourselves into a graphic design company, with a fully functioning website, business cards, a letter head, and other promotional materials. I was tasked with producing the website, This was a fantastic opportunity to practice my HTML and CSS coding skills, and also play around with something new. jQuery. This is live, at http://ahoydesign.businesscatalyst.com/ just to see it function. However please do not share our information, as we aren’t sure if we’re going to continue this in the future.

We themed ourselves around a nautical concept. The word Ahoy is a greeting but also used to flag another ship. As a team, we thought this could be loud and quite fun to play around with. All our packaging is based around the life buoy and a good use of Orange. We’re really proud of what we have produced in such a short space of time and between three people

This slideshow requires JavaScript.