MindWorks Design Studio Website Design Projects

Here you will find some examples of recent websites completed by MindWorks Design Studio. We encourage you to take a look at them and we hope you enjoy their design and content. MindWorks Design Studio enjoys creating non-standard websites. We believe that a website designed by MindWorks will stand out visually and functionally from other sites and will give your website a visually different and appealing artistic look.

Please visit the Contact Us page to inquire about using the MindWorks Design Studio for your next website design project.

MindWorks WordPress Site

This website was designed using WordPress. It is a journal of my daily progress while learning how to develop a WordPress website. The course was given through the online learning center Skillsology. This site includes several useful WordPress plugins, and was also modified from its original content to add different images, as well as adjusting colors and other CSS styling elements. The website is completely responsive and functional as per WordPress standards.

Apollo Customs Website

This was a class project to make a website for a fictional company. It had to include a contest where you could validate a contest code as well as a coupon for a discounted purchase. Since I am a musician I decided to make this website for a fictional custom guitar shop. This was the fourth fully functional website I created while at DeVry University.

This website was created using Adobe Dreamweaver CS6 and consists mainly of hand-coded HTML5 and CSS3. It also uses several freely available JavaScript and jQuery plugins, a freely available CSS-based loading screen and CSS code from an online gradient generator. One of the plugins we were shown in class was the Cycle Slideshow Plugin, so I added it to this project. The code for the random number generator was freely available from GitHub and the input was validated through the use of Adobe Dreamweaver CS6.

The animated logo was created using Adobe Illustrator CS6 and was animated using Adobe Photoshop CS6. The Coupon was created using Adobe Illustrator CS6. Backgrounds and images were freely available for use from various online sources. All images were optimized for size and loading time using Adobe Photoshop CS6. The Contest page also contains two Form sections. Form validation is performed through Adobe Dreamweaver CS6.

The website is also completely responsive in design and was tested using a PC (with a maximum screen width of 1680px), MAC, Toshiba Tablet, as well as a HTC One M8 smartphone and a HTC One Remix smartphone. It was tested on multiple browsers including Internet Explorer 10 and 11, Mozilla Firefox (32-bit), PaleMoon (64-bit), Google Chrome, Opera, and Safari.

Ducati Minneapolis

This was a coding skills assessment project. I was given an image of a webpage and had to duplicate it as a functional webpage. It had to include hover effects on the links, and had to be fully responsive for mobile devices. The links on the page do not lead anywhere because I was only required to code out one webpage for this assessment.

This website was created using Adobe Dreamweaver CS6 and consists mainly of hand-coded HTML5 and CSS3. It also contains a small piece of jQuery to get the hamburger menu to toggle on mobile devices. All images were optimized for size and loading time using Adobe Photoshop CS6.

The website is completely responsive in design and was tested using a PC (with a maximum screen width of 1680px), Toshiba Tablet, Verizon Ellipsis 7 mini tablet, as well as an iPhone 5S, a HTC One M8 smartphone, and a HTC One Remix smartphone. It was tested on multiple browsers including Internet Explorer 10 and 11, Mozilla Firefox (32-bit), PaleMoon (64-bit), Google Chrome, and Opera.

The Dog Freaks Website

This was a class project to take a broken and non-responsive existing website and to fix it and make it responsive to mobile devices. The website had to retain its basic layout, images, functionality, and content. There are several things I personally would have changed about this website, but I needed to keep it as close to the original as possible. This was the fifth fully functional website I created/modified while at DeVry University.

This website was created using Adobe Dreamweaver CS6 and consists mainly of hand-coded HTML5 and CSS3. It also uses several freely available JavaScript and jQuery plugins, a freely available CSS-based loading screen and CSS code from an online gradient generator. I also used an Animated Navigation Bar jQuery plugin and modified it to look and fit the overall website design because the original Navigation Bar was completely broken. The website also contains a small Form section. This form was not validated. The Search function also does not work

The website is completely responsive in design and was tested using a PC(with a maximum screen width of 1680px), MAC, Toshiba Tablet, as well as a HTC One M8 smartphone and a HTC One Remix smartphone. It was tested on multiple browsers including Internet Explorer 10 and 11, Mozilla Firefox (32-bit), PaleMoon (64-bit), Google Chrome, Opera, and Safari.

MindWorks in Motion Website

This was a class project to make a group website of our choice. As a group we decided to create a website where we could showcase our artistic abilities which included drawing, graphic art, clothing logo design, and music. I had a lot to do for this website (considering I coded the entire website) and only had 5 weeks to complete it in its entirety. This was the second full website I created while at DeVry University

This website was created using Adobe Dreamweaver CS6 and consists mainly of hand-coded HTML5 and CSS3. It also uses several freely available JavaScript and jQuery plugins, a freely available CSS-based loading screen and CSS code from an online gradient generator. One of the plugins used was the Cycle Slideshow Plugin. I also used an Animated Navigation Bar jQuery plugin and modified it to look and fit the overall website design as well as a Lightbox plugin for viewing the various images in the galleries. The Contact Us page also contains a Form section with a call to a small amount of PHP. Form validation is performed through Adobe Dreamweaver CS6.

The multiple animated logos were created using Adobe Illustrator CS6 and were animated using Adobe Photoshop CS6. Backgrounds and images were freely available for use from various online sources. All images were optimized for size and loading time using Adobe Photoshop CS6.

The website is partially responsive, and I am not sure I will make it fully responsive at this point. I may just take my individual work and create a different website altogether for that. The website was tested using a PC(with a maximum screen width of 1680px), MAC, Toshiba Tablet, as well as a HTC One M8 smartphone and a HTC One Remix smartphone. It was tested on multiple browsers including Internet Explorer 10 and 11, Mozilla Firefox (32-bit), PaleMoon (64-bit), Google Chrome, Opera, and Safari.

Margarita's Corner Website

This was the first full and functional website I created at DeVry University. I decided to make it of a photo gallery for my fiancée who is a photographer and who also enjoys to crochet. I made it so she could share her photos and crochet work with her friends.

This website was created using Adobe Dreamweaver CS6 and consists mainly of hand-coded HTML5 and CSS3. It also uses several freely available JavaScript and jQuery plugins, a freely available CSS-based loading screen and CSS code from an online gradient generator. One of the plugins I used was a slideshow plugin called Nivo Slider. I also used a lightbox plugin for the photos.

The animated rabbit was created and animated using Adobe Photoshop CS6. The website name was an image that was created using Adobe Illustrator CS6. The animation on the Crocheting Page was also created in Adobe Illustrator CS6 and was animated using Adobe Photoshop CS6. Backgrounds and images were freely available for use from various online sources. All images on this website were optimized for size and loading time using Adobe Photoshop CS6.

This website is not responsive, but I am working to make it responsive to mobile devices. It was tested using a PC (with a maximum screen width of 1680px)and MAC. It was tested on multiple browsers including Internet Explorer 10 and 11, Mozilla Firefox (32-bit), PaleMoon (64-bit), Google Chrome, Opera, and Safari.

Web Design Tutorial Website

This was a class project to make a tutorial website of the information that we learned during the 8-week Advanced Web Design course at DeVry University. The final website needed to be fully functional and also needed to be responsive to mobile devices. I attempted to create a website that had a modern look, would load quickly, work smoothly, be easy to read, and not be harsh to look at.

This website was created using Adobe Dreamweaver CS6 and consists mainly of hand-coded HTML5 and CSS3. It also uses several freely available JavaScript and jQuery plugins, a freely available CSS-based loading screen and CSS code from an online gradient generator. One of the plugins used was the Cycle Slideshow Plugin. The Contact Us page also contains a Form section with a call to a small amount of PHP. It also has Form validation through Adobe Dreamweaver CS6.

The logo and header image were created using Adobe Illustrator CS6. Backgrounds and images were freely available for use from various online sources. All images were optimized for size and loading time using Adobe Photoshop CS6.

The website is responsive to mobile devices. The website was tested using a PC(with a maximum screen width of 1680px), MAC, Toshiba Tablet, as well as a HTC One M8 smartphone and a HTC One Remix smartphone. It was tested on multiple browsers including Internet Explorer 10 and 11, Mozilla Firefox (32-bit), PaleMoon (64-bit), Google Chrome, Opera, and Safari.