Sunday, March 15, 2020

A Wix Commercial you can't press "SKIP" on

When it came time to start building our website I turn to my trusted friend wix.com, an online site-building platform that I’ve been using and improving at for the last 5 years (I'm starting to sound like a Wix commercial only here you can't skip like on Youtube). On Wix you can choose whether you would like to build a website from scratch or whether you want to use a template; usually, I don't like using templates because I feel like it takes away from the authenticity of the website, however, building website from scratch can take months and an insane amount of hours of work. We don't have that type of time, so I decided to do what I most commonly do which is to borrow various elements from multiple templates to create a unique and original template to base the website and building off of. So I went on Wix and I searched for school templates, I didn't really like the template I found but some of them did have elements that are common things to see on school websites, so I decided to use some of their layouts and design patterns. 

The template I decided to use as the main base was actually the template of a church, I

liked the aesthetic layout, it was much closer to what I imagined in my head our website would look like. After combining some of the other school elements from the other templates I had a pretty cool school template on my hands! The first thing I did was change the site colors to our brand colors, precisely down to the hex code because I want to ensure consistent branding throughout everything created for this project. 

Once the color combinations were right, I started to work on the site’s homepage. Are use the pictures we took from the photoshoot to fill the website's homepage, as another form of an Easter egg Jake and I had already decided that we were going to make stock high and mighty mantis shrimp, so I figure the first picture that people would see when they came into the website was a picture of the student body president welcome them to the website and greeting the mighty mantis shrimp. From there I went to our own school’s website to see what sort of announcements, news, and other things were posted under the main running banner and tried to replicate those concepts. 



I also made a school near the section where Jake and I could have fun creating more Easter Eggs to put in the text, I thought it be fun if the school newspaper created the section so I

made a quick logo for the "New Stok Times”. This is one example of the many clever references, easter eggs, and inside jokes that we packed into our website because it's important to have fun when doing what you love! When writing the text for the website, I also make sure to emulate the exact thing that we wanted to stok high to embody. 


I also started to build the about us page, for which I decided to make a small informative video that uses incredibly vague language to describe the education practice is at stok high, something curiously found in many private, charter, and even some public schools’ websites. Thankfully from the second day of shooting and from the photo should we were able to obtain lots of content to help create media for the website so I jumped on WeVideo and created this quick video:



Neither of the pages is fully finished, and there is a lot of stuff to still go over, but they’re coming along great! I'm really excited to see how this website turns out! I like what I build so far and I'm doing it at a very good pace so I’m confident the end product will be something with quality and an incredible level of detail that I am proud to put my best friend’s name and my name on. 





Signing off, 

No comments:

Post a Comment