Skip to main content

Posts

Showing posts with the label css

Website Portfolio Update: Mobile Version

Mobile version of the web folio is also available (works best on smartphones with the width size of 414px; ex: iPhone 6/7/8+, etc).  According to StatCounter Global Stats , the market share for people using mobile phones is larger compared to those using desktops and tablets. The data is from a worldwide region, with 51.74% mobile users, 45.61% desktop users and 2.65% tablet users. This shows that having a mobile version for a website would be the most beneficial thing to do since people would most presumably open websites via their smartphones. However, coding websites from scratch can be difficult. To create both desktop and mobile version needs a lot of resizing and checking on different devices just to see how it looks. I am deeply regretful to say that kweestin.com is not suitable for tablet devices such as the iPad, etc. This is due to the lack of time I have to balance all my school work during these several weeks. Please keep in mind that different devices may ...

Website Portfolio Update: Portfolio Details

The details for the portfolio has a standard look. It got a cover page that is the same as the thumbnail seen on the featured page. The name of the project and the year the work was created is plastered there.  Using full-screen pictures is an effective way in web designing to capture people's attention. Like on Molly and Me Pecans , we are immediately gobsmacked by a huge picture of their delicious snack, which makes us more attracted to the brand and curious to learn more about what the brand offers. Selection of this all-important asset is absolutely crucial, as it can make or break a user's emotional connection with the brand. Make sure it bears strong relevance to the actual subject matter wherever possible. You need to build an association with the individual brand in question, and an image that feels too generic or 'bought in' will detach users from the experience and undermine the site's authenticity.  Both quotes are taken from the first ...

Website Portfolio Update: Creating and Managing your Database

When creating a portfolio website, it would be such a hassle to create and design each page for different portfolios. The smart way to tackle this problem is to create one 'template' for your portfolio details, and inputting the content into a database.  Adminer is a tool for managing content in MySQL databases.  Primarily, Adminer allows you to manage the content of your website through a table-like database, where you can easily add, remove and change the subject matter. Here you can see my Adminer database. It has two databases, one to represent the content for the portfolio details, and the other is for the gallery.   This is the porto_info database. It consists of the project id (code for each project ), year, title, video (in the form of iframe), image_thumbnail (the same image used for the featured page and the main cover for the portfolio details), head1 and head2 (headings), desc1 and desc2 (description) This is how the inside of the database looks...

Website Portfolio Update: About Page

On the home page of kweestin.com , you will see this sector under the general portfolio area. This part is a smaller section of a dedicated 'about' page.  When clicking on the "more about me?" button, you will be directed to my 'about' page, where you can get to know me more. You will also be able to click on another button, which will lead you to a pdf where you can download my curriculum vitae. I personally think that letting your potential employer know and understand you is essential. It will allow people to understand how you do your work, your skills, what you are interested in, what your beliefs in, and what your limits are.

Website Portfolio Update: My Limited Portfolio

When you open kweestin.com , you will be directed to the home page (index.php). And when you scroll down to the second section of the page, you will stumble upon the portfolio area. The reason why I do not have a portfolio section filled with all my projects is that I want to focus on showing only the works that relate to my career choice and my 'specialty.' You will also see that to see my 'full portfolio', you are redirected to my Behance page . There, I will be posting and updating projects that are more diverse and unrelated to only videos that I direct. One of the reasons I chose to do this is because I considered Ms. Karenina's interview I posted previously. She mentioned focusing on the works that you want people to know you for (ex: video editing works for someone who wants to work as a video editor, etc.) So I want to focus on what I think I do best and what I want people to know me for, hence, the only video portfolio.

Website Portfolio Update: The Design and Naming It

So for our Professional Portfolio class, we were asked to create a web folio to showcase our projects that relate to the career path we chose. I picked the name kweestin.com (edit on the 17th of March: website is now live) as my domain name. I will explain more in detail why I picked that name below. So the first thing I kept in mind when I create it is, how do I want this portfolio to represent who I am. Does it fit with my career path? So I started with designing the look and structure of it. I used Figma to design the look of it. Figma is an online platform (like Adobe Illustrator), usually to create presentations or UI/UX designs. The reason people like this platform for web designs is because once we finish designing, we can create them as a prototype. A prototype allows people to try the design to be used as an 'actual website,' where we can press the buttons to be redirected to another page, etc. This is the home page. The homepage is divided into four main sec...

Step by Raffles Jakarta Digital Media Students

On today's post, I would like to introduce you to our Raffles Jakarta's graduation project called Step . Step is an interactive exhibition created by the digital media design students that include interactivity and story gameplay by pressing floor tiles. When people come to our booth, expect to be challenged on their problem-solving skills. The story of the gameplay is about a planned out murderer, and it's up to the players to determine who the killer is after reading all the conversations of the characters. To guess, the players are expected to interact with Step 's Instagram as well. The right guesser might win prices provided by us. The graduation exhibition will be held in Gandaria City Mall, Jakarta. From 25th - 29th of September 2019. If you are interested, stay tuned for more updates on our  Instagram . You can see more about how the project was planned from the beginning or how we sketch the booth in our highlights.