Allison Zadrozny

designer | Student @Makersquare | developer

How to Use Foundation for your Website

1. Stare at the Grid documentation page for an hour or so, doing this:

3. Know who your users are and why they come to your site.

4. Make a mockup. Not a fancy one, but crank out the ol’ pen and paper.

5. Build your page for several hours, doing this:

6. ¡Voilá!

7. And then you realize how many hours of work good design demands.

This is Makersquare.

Re-design of a theatrical awards website in Austin, TX for Makersquare week 1. Since the website is more an informational archive, the design focused on readability and simplicity. It would benefit from a search box!

I took a Girl Develop It course on Intro to Responsive Web Design the weekend I wrapped up this project. I took a lot of what I learned that weekend and designed the site for mobile-first.

I used FitText, Style Tiles, HexColor, simple media queries, and a quick redesign of their logo using Photoshop. It was a fun project!

Nice and cozy on a Saturday night with an Old Fashioned and my dear friend Sublime Text.
This is Makersquare.

Nice and cozy on a Saturday night with an Old Fashioned and my dear friend Sublime Text.

This is Makersquare.

Writing ruby rspecs for a Rock, Paper, Scissors game where I loose to my dog. Now I know I’m into the 3PM coding delirium.

Writing ruby rspecs for a Rock, Paper, Scissors game where I loose to my dog. Now I know I’m into the 3PM coding delirium.

It’s a fluke, really.

It’s a fluke, really.

It’s like the computer is hazing you. But really, you’re hazing yourself.

It’s like the computer is hazing you. But really, you’re hazing yourself.

Griffen McDonald as Guildenstern.
Image 8 of 9. Facebook marketing project for Something for Nothing Theater Co. out of Austin, TX. Hamlet runs May 22nd - June 7th at Ramsey Park.

Griffen McDonald as Guildenstern.

Image 8 of 9. Facebook marketing project for Something for Nothing Theater Co. out of Austin, TX. Hamlet runs May 22nd - June 7th at Ramsey Park.

Lindsay McKenna as Guildenstern.
Image 7 of 9. Facebook marketing project for Something for Nothing Theater Co. out of Austin, TX. Hamlet opens May 22nd at Ramsey Park.

Lindsay McKenna as Guildenstern.

Image 7 of 9. Facebook marketing project for Something for Nothing Theater Co. out of Austin, TX. Hamlet opens May 22nd at Ramsey Park.

Bradley Wright as Rosencrantz.
Image 6 of 9. Facebook marketing project for Something for Nothing Theater Co. out of Austin, TX. Hamlet opens May 22nd at Ramsey Park.

Bradley Wright as Rosencrantz.

Image 6 of 9. Facebook marketing project for Something for Nothing Theater Co. out of Austin, TX. Hamlet opens May 22nd at Ramsey Park.