My 10 weeks Journal in UX design and developed will finished today when I finished this blog. But before we start let me warn you that I’m not a good on express my thoughts in words. I have bouquet of issues: spelling mistakes, unsequenced construction of sentence, lack of vocabulary and etc., so let just start.

It was exciting and informative 10 weeks, in designing I made a lot of discovers that I haven’t even thought that it’s important before, coding was Greek to me. Honestly, web-design and development still Greek-ish to me, but now at least I have good “base” where I can build my Web developing Temple.

So Let’s get down to business.

I created my website around Sheldon Cooper he is fiction character in the Big Bang Theory series. If you don’t remember or don’t know him, here he is!

Little bit about Sheldon.

Dr. Sheldon Lee Cooper, B.S., M.S., M.A., Ph.D., Sc.D., is a Caltech theoretical physicist.  Originally from East Texas, Sheldon started college at the age of 11, receiving his first Ph.D. at the age of 16. As a kid, Sheldon was involved in numerous experiments as a “wunderkind”. Proudly geeky, he has no qualms about speaking Klingon, wearing vintage t-shirts sporting superhero logos, or spouting various historical and cultural anecdotes. Sheldon is characterized by a strict adherence to routine and hygiene; an overly intellectual personality; a tenuous understanding of irony, sarcasm and humour; and a general lack of humility or empathy, the former of which is demonstrated in the fact that he has no problem voicing to his peers his admiration for his superior intellect.

I decide that such smart fellow would probably like to share his knowledge with people who want to devote their life with science.

Design Idea

Dr S. Copper’s Lap is a platform where you can find a lot of science lessons. My main client group were High school and Freshman college students and everyone who has passion with science, but don’t have a lot of free time or money to hire tutor.

Sheldon is a big fan of Super heroes, so I tried to use them as my mood/inspiration board. In additional I decided to use other main The Big Bang’s characters in my web site as subject teachers.

Development process

Development class I found for myself quite easy for understanding. And of course, I thought that create a whole web-site from the scratch will be the same. Guess what! It was a big HUGE fallacy. I re-built webpage from the scratch at least 3 times.

Lets go in order. First, I decided to split one page by blocks: Navigation bar, hero area, main body and footer (in some pages, of course, had more blocks in some-less). And as Sam’s class was easy-peasy, I decided to create it by myself from Zero without bootstrap.
Soon I understood my mistake. The website was looking like bunch of text, images and colourful boxes(backgrounds colour) that had a party.

As soon as I had finished one blog and started with another the former was falling as a card house. But after several days full of struggling I won and create my first page. My joy was short lived, what I realise that the website is not corresponsive and I started from the beginner… slowly I started use the Bootstrap. At the end, on the last version, 80-90% of all CSS and Java Script was from Bootstrap.

My final website has the same design as was intended 95%. Probably in some part the real page even turned down better than I planned, but I understand at the same time we should aim to create everything that we planned, everything that our fertile imagination wants.

What I can improve

There’s no doubt that a lot of things must be improved. Here some of them:

• in design
  • I would change all my heroes’ images. I think they must be more like a comics style or make them in 3D format;
  • I think I need to create separate teacher page;
  • Footer area. I still don’t have fully understand why we need footer area. Differently, I need to add it in my “piggy bank” of study;
  • In home page I think area Teacher area is bigger than Courses area. Visually it looks like my web page is about lecturers.

• in development

According to Speed insight analysing I have 99%. Honestly, all of this it thanks to bootstrap (God, bless the person who invented Bootstrap! Amen!), even though I feel like I’m a Genius.

To get the other 1% I have to resize images and save them in next-generation formats

• 

other opportunity for improvement are:
• In my design I have drop down list in Courses and Teachers sections, but I couldn’t implement it. I just linked it to home teachers and courses area;
• Even though website is responsive, I see mobile version more interactive;;
• make Dr S.Cooper’s LAB more accessible.

It looks like I need rebuild this website at least 2 more times…

The End