Back to feed
Design Notes

Mobile Web Design and Development Portfolio

NS
normalstory
cover image

First attempt ( 2010년 7월 )

 Mobile web (personal / mobile + WebKit-based browser) : http://www.normalstory.com



First work project ( October 2010 )


mobile web site intro
 Mobile web (company) : http://www.asiait.co.kr



mobile web site ( 360-degree 3D touch UI )
 Mobile web (company) : http://www.asiait.co.kr/mobile360.html



First volunteering? Free work ( January 2010 )

mobile web site intro (Touch flicking icons)
 Mobile web (helping) : http://normalstory.dothome.co.kr






First external project ( February 2010 )


mobile web site intro (Touch flicking icons)
 Mobile web (recent) : http://normalstory.nayana.com



mobile web site intro (Google Maps )
 Mobile web (recent) : http://normalstory.nayana.com/m5.html




First Web App + First Collaboration ( March 2010 in progress..)

Web app development on web mobile is in progress,
This web app partially adopts jQuery Mobile and adds real-time chart and bulletin-board features.
Due to company circumstances with a streamlined production approach over a one-month period
20 companies' mobile sites are being built concurrently. The repeatedly produced web apps, 
to avoid all feeling the same, each page design is being thought through hard for differentiation.

But this is a business unit I created by submitting a proposal and getting buy-in, 
where I personally formed the team and play manager from start to finish.
 
to show that even when a non-major or a designer takes on overall project execution and operations, 
there is no problem with that.




Project-management mobile web application (20 participating companies)
- Intro screen with varied, Flash-free effects
- JQuery Mobile framework wrapping the web for an app-like interface
- Real-time board and chart-graph features
- Create, edit, and manage participating institutions, admins, and projects
- Social integration
- Mash-up using the new Google Maps API
-> Team: 5 people (planning & design / DB / framework analysis & integration / charts and other libraries & API integration) 
-> Duration: 6 weeks













Personal homepage (alpha) 
        http://www.normalstory.com    
          1) When you resize the window with the mouse, the page design responds dynamically.
          2) Built with future N-screen in mind, as a long-term plan, 
              currently optimized for WebKit-based browsers (Chrome, Safari, Opera) and iPhone, iPad. 
         
          3) Built for: IE8,  WebKit-based browsers, Android, iPhone, iPad, Galaxy Tab
                        Different options applied per device based on display size and platform-specific features,
                        with each UI form rendered individually.






Put together a portfolio as a web-based PPT. 
         http://normalstory.com/pages/portfolioPPT.html 
          = html5 와 css3로 구현한 최신 라이브러릴 활용하여 웹에서 구현되는 PPT를 제작했습니다.
             현재는 webkit 기반 브라우져(크롬,사파리,오페라)와 아이폰, 아이패드에 최적화 되어 있습니다.  

            On computers, the keyboard arrows,
            on iPhone and iPad, the browser's back/forward buttons,
            on Android, the device keypad
                                                                          navigate pages (Android still under testing..)





And !!!   ^^   

This English version was translated by Claude.

친절한 찰쓰씨
Written by
친절한 찰쓰씨

Pleasant Charles — UI/UX researcher at AIT. Keeping notes on design, planning, and slow days here since 2010.

More on the author's page

Keep reading

Design Notes

Design Improvement Process

Jun 21, 2024·1 min
Design Notes

Making My Own 3D Avatar ;D (PEEPS feat. GIPHY)

Oct 28, 2022·1 min
Design Notes

[DIY] LED Light Clip-Board 2017 — making a lighting clipboard

Feb 18, 2019·1 min